CSS select:不是父元素的子元素

时间:2014-09-08 10:27:39

标签: css

使用的正确语法是什么:不是子元素的选择器?

示例:除父项的子元素外,所有元素都应该是不可见的。我试过:不是(.parent孩子)但是它不起作用...... :(

2 个答案:

答案 0 :(得分:0)

:否(选择器)
:没有(p)的     选择不是

元素的每个元素

希望这有帮助

答案 1 :(得分:0)

如果您的结构如下:
HTML

<div class="parent">
<div>a</div>
<div>b</div>
<div>c</div>
<div>d</div>
<div class="parent inner">
    master parent
    <div>
        parent
    </div>
    <div class="child">
        child
    </div>
    <div>
        parent
    </div>
    <div>
        parent
    </div>    
</div>
</div>

使用以下命令选择子行:

div:not(.child) > div.parent {color:red; display: block !important; }

DEMO

除了父元素的子元素外,所有元素都应该是不可见的:

div:not(.parent) {display: none; }
.inner > div {color:red; display: block !important;}

DEMO