将css规则应用于除一个标签之外的所有内容

时间:2014-08-28 09:03:45

标签: html css

我想将css规则应用于所有内容(* { color: red; })。

但是,如果不需要Javascript或将类应用于我想要应用的所有内容,我该怎么做?

类似的东西:

*:not-type(div) {
    color: red;
}

文件将是:

<span>this is red</span>
<span>this is red</span>
<div>this is not red</div>

3 个答案:

答案 0 :(得分:3)

试试这样:

*{
color: red;
}

div{
color: blue;
}

答案 1 :(得分:2)

要选择除写入的div元素之外的所有内容:

:not(div) {
    color: red;
}

警告:虽然此规则正确选择除div之外的所有元素,但它不会阻止从其父级继承红色的div,这是默认行为。

答案 2 :(得分:0)

试试这样:

:not(div){
      color: red;
    }