如何从父级属性中排除类名?

时间:2016-08-05 22:59:47

标签: html css

我有一个这样的课程:

li {
    color: #ccc;
    font-size: 12px;
    position: fixed;

    /* and some other properties */
}

现在我有这个元素,我想在上面排除上面的属性:

<li class="has_not_any_property"></li>

这样做可能吗?

2 个答案:

答案 0 :(得分:1)

只需使用:not property.A否定伪类

li :not(.has_not_any_property) {
        color: #ccc;
        font-size: 12px;
        position: fixed;
    }

对于不支持CSS3的旧浏览器,您可以使用unset

提供初始值或继承值

来自文档

https://developer.mozilla.org/en-US/docs/Web/CSS/unset

  

如果属性继承,则此属性将该属性重置为其继承值   从其父母或其初始值,如果没有。换句话说,它   行为类似于第一种情况下的inherit关键字,就像   第二种情况下的初始关键字。

li.has_not_any_property {
    color:unset;
    position: unset
    font-size: unset;
}

答案 1 :(得分:1)

使用CSS not伪类:

li:not(.has_not_any_property) {
    color: #ccc;
    font-size: 12px;
    position: fixed;
}

此处的文档:https://developer.mozilla.org/en-US/docs/Web/CSS/:not