css3 - css怎么取消元素属性
PHP中文网
PHP中文网 2017-04-17 11:04:23
0
3
523

目前遇到一个问题,请大神指点: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的颜色属性,能实现将颜色属性消失,即不再出现任何颜色属性?

PHP中文网
PHP中文网

认证0级讲师

全部回覆(3)
黄舟

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/

Ty80

繼承

css.text_color{
    color:inherit;
}

透明

css.text_color{
    color:transparent;
}

衝掉 (#box裏麵有個p id 為text_color,不管什麼位置都可以衝掉)

css#box p.text_color{
    color:red;
}
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板