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

目前遇到一个问题,请大神指点: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级讲师

reply all(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;
}
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template