css怎么取消元素属性

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

阅读 21.4k
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/

继承

css.text_color{
    color:inherit;
}

透明

css.text_color{
    color:transparent;
}

冲掉 (#box里面有个div id 为text_color,不管什么位置都可以冲掉)

css#box div.text_color{
    color:red;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题