目前遇到一个问题,请大神指点:dasdig.css中有个
.text_color{color: #f0ad4e;}
dasdig2.css中也有个
.text_color{color: ;},
现在有个dasdig.html,里面先加载的dasdig.css,然后再加载dasdig2.css,如下:
<link href="__STATIC__/dasdig.css" rel="stylesheet">
<link href="__STATIC__/dasdig2.css" rel="stylesheet">
我在dasdig2中怎么设置.text_color
的颜色属性,能实现将颜色属性消失,即不再出现任何颜色属性?
1.CSS的大名叫层叠样式表,具有后面定义的属性覆盖之前定义的属性的特点。
2.
颜色属性消失是什么意思
,是要让color眼不见为净么?还是说要让
.text_color的颜色
继承父级的颜色属性呢?亦或使它的颜色透明(元素就看不见了)?
前者只能通过javascript代码来,比如http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp 或者 http://www.w3school.com.cn/jsref/dom_obj_attributes.asp 来实现;
后者可以通过设置
color:inherit
来实现继承父级属性,要实现透明效果,可以使用
color:transparent
属性假如不需要显示元素内的文字了,可以隐藏掉,或者可以用负缩进;又在后引入中,把文字颜色设置为透明色
color: transparent;
,如下例:http://jsfiddle.net/65PLY/1/
继承
透明
冲掉 (#box里面有个p id 为text_color,不管什么位置都可以冲掉)