Javascript 用于div及其子级的CSS，不包括一个特定子级和该子级'；孩子们

我有这样的嵌套块，我不知道有多少嵌套块：

<div class="my-class">
   ...
   <div class="exclude-my-class">
      <div>
      </div>
   </div>
   <div>
      <div>
      </div>
   </div>
   ...
</div>

如何实现这一点？

使用下面的代码

.my-class : not(.exclude-my-class)

问题已经解决了

你不能向别人借钱。这种方法本身非常有限。您只能将单个简单选择器作为参数传递给

：not（）

。这意味着您一次只能通过以下任一项：

• 通用选择器（

  *

  ），可选带有
• 类型选择器（

  a

  ，

  div

  ，

  span

  ，

  ul

  ，

  li

  等），可选带有
• 属性选择器（

  [att]

  ，

  [att=val]

  等），可选择使用
• 类选择器（

  .Class

  ）
• ID选择器（

  #ID

  ）
• 伪类（

  ：伪类

  ）

HTMl：

<div class="my-class">
   <div class="exclude-my-class">
      <div >
        Skipped
      </div>
   </div>
   <div>
      <div>
      not skipped
      </div>
   </div>   

   <div class="exclude-my-class">
      <div >
      skipped
      </div>
      <div >
      skipped
      </div>
   </div>
    <div>
      <div>
      not skipped
      </div>
      <div>
      not skipped
      </div>
   </div>   
    <div>
      <div>
      not skipped
      </div>
   </div>   
    <div>
      <div>
      not skipped
      </div>
   </div>   
</div>

CSS：使用“排除我的类”选择我类的所有子类，但不选择子类

.my-class > div:not(.exclude-my-class){
    background-color: red;
}

---

.my class>div:not（.exclude my class）

我不知道有多少嵌套块，所以>无法工作，它只适用于一级孩子我们班的孩子有一个class 2（这不是一个好名字，但我猜这是一个示例）。所以你只能这么做。2：不（.exclude my class）3。3应该是孩子们吧？冷静点。你在问题中写了一些不正确的东西，你希望有人随机理解你的想法。如果你不能正确地解释你的问题所在，并期望别人理解你所写的东西并不存在于你的真实代码中，那么你在理解人类的交流时就会遇到一些问题。@TigranBabajanyan啊，我明白了。你应该编辑你的问题，将这些细节包括在内，否则你将不得不向每个愚蠢到帮助你的人解释这些方面。祝你好运，先生。这绝对不是解决方案，它只排除了有类“排除我的类”的孩子，而不是它的孩子。这对我来说不是解决方案，因为可能有许多嵌套块。许多嵌套块在哪里？在这个解决方案中，每个块都被考虑在内。你可以在我的班上有很多课@Tigranbabajanyant这是您的代码结果，或者您是一个慷慨的人，但正如我所说的，@TigranBabajanyan可以有许多嵌套块添加到您的主要问题中所有相关信息。你每次都在添加新的东西。编辑您的问题，并添加所有可能的案例。

.my-class div:not(.exclude-my-class) div{
    background-color: red;
}

.my-class > div:not(.exclude-my-class){
    background-color: red;
}