搜尋

首頁  >  問答  >  主體

css3 - 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的颜色属性,能实现将颜色属性消失,即不再出现任何颜色属性?

PHP中文网PHP中文网2786 天前491

全部回覆(3)我來回復

  • 黄舟

    黄舟2017-04-17 11:06:23

    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 屬性

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-17 11:06:23

    假如不需要顯示元素內的文字了,可以隱藏掉,或者可以用負縮進;又在後引入中,把文字顏色設置為透明色 color: transparent;,如下例:

    http://jsfiddle.net/65PLY/1/

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:06:23

    繼承

    css.text_color{
        color:inherit;
    }
    

    透明

    css.text_color{
        color:transparent;
    }
    

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

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

    回覆
    0
  • 取消回覆