問題描述

目前遇到一個問題，請大神指點：dasdig.css中有個

.text_color{color: #f0ad4e;}

dasdig2.css中也有個

.text_color{color: ;}，

現在有個dasdig.html，里面先加載的dasdig.css,然后再加載dasdig2.css,如下：

<link href='http://www.piao2010.com/wenda/__STATIC__/dasdig.css' rel='stylesheet'><link href='http://www.piao2010.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;}