Question

如何选择嵌套在divs内的div除divs内的所有class？

例如：

＆＃13;

#test div :not(.testAgain) div {
  background: #f00;
}

＆＃13;

<div id="test">  
  <div>
    Some Content
  </div>
  <div>
    Some Content
    <div class="testAgain">
      <div>Some Content again</div>...<div>Test Content</div>
    </div>
  </div>
</div>

＆＃13;

我如何选择div div中除#test div内的div之外的所有.testAgain，即我申请的任何CSS都适用于除了div div。

中的内容之外的所有.testAgain

我试过了：

#test div :not(.testAgain) div{
  /* some CSS Styling */
}

但这似乎不起作用。（请不要jQuery！）感谢您的帮助。

编辑：实际上有几十个嵌套的div ...而且.testAgain div在主要深处有一些6-7级（{{1} }）div。

Answer 1

您可以使用# （id）选择器执行此操作：

#test div  { /* all div's inside the #test */
  background: #00f;
}

#testAgain div { /* all div's inside the #testAgain */
  background: #f00;
}

<div id="test">  
  <div>
    Some Content
  </div>
  <div>
    Some Content
    <div id="testAgain">
      <div>Some Content again</div>...<div>Test Content</div>
    </div>
  </div>
  <div>
    Some Content
    <div>
      Some Content
    </div>
  </div>
  <div>
    Some Content
    <div>Some Content
      <div>Some Content</div>
    </div>
  </div>
</div>

Answer 2

div.test > div

这将选择div class test的所有直接后代。

选择除一个班级

2 个答案: