是css:not attribute只能定位一个元素?

时间:2013-11-25 15:06:44

标签: css css3

这是html

<div class="first" style="height:468px">
<div></div>
<div></div>
<div></div>
<div></div>

<div class="notme">

    <div></div>
    <div></div>

</div>

和css

.first {background:pink}

.first div:not(.notme) {height:100%}

我需要做的是将所有div放在里面。首先要设置100%的高度除了div.notme和他所有的孩子。

这可能吗?我试过这个,但它不起作用:

.first div:not(div.notme, .notme div) {height:100%}

非常感谢! http://jsfiddle.net/omegaiori/E7YAp/

2 个答案:

答案 0 :(得分:4)

仅根据语法one is argument is possible

  

否定CSS伪类,不是(X),是一种功能符号   以简单的选择器X为参数。

答案 1 :(得分:4)

稍后只需覆盖规则:

.first {background:pink}

.first > div {height:100%}
.first > div.notme, .first > div.notme > div {height: auto;}

最后一行比之前更具体,因此它会自动覆盖它。