css3 - css怎么取消元素属性

问题描述

目前遇到一个问题，请大神指点：dasdig.css中有个

.text_color{color: #f0ad4e;}

dasdig2.css中也有个

.text_color{color: ;}，

现在有个dasdig.html，里面先加载的dasdig.css,然后再加载dasdig2.css,如下：

<link href='https://www.haobala.com/wenda/__STATIC__/dasdig.css' rel='stylesheet'><link href='https://www.haobala.com/wenda/__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/

css.text_color{ color:inherit;}透明

css.text_color{ color:transparent;}冲掉 (#box里面有个p id 为text_color，不管什么位置都可以冲掉)

css#box p.text_color{ color:red;}