css 将样式应用于除特定选择器及其子元素之外的所有元素

egdjgwm8 于 2023-02-06 发布在其他

关注(0)|答案(2)|浏览(186)

我试图在一个类中设置所有元素的样式，同时排除一个特定的元素及其子元素。我已经尝试了几次使用**：not（）**选择器，但我无法达到我想要的效果。有什么想法吗？

<div class="orange">
  <div>text</div>
  <div>text</div>
  <div>text</div>
  <div>text</div>

  <div class="list">
    <ul>
      <li> li text 1</li>
      <li> li text 2 </li>
    </ul>
  </div>

</div>

下面是html和样式的链接。https://stackblitz.com/edit/js-p7krtp?file=style.scss

css

来源：https://stackoverflow.com/questions/59876025/apply-style-to-all-elements-except-for-a-specific-selector-and-its-children

2条答案

按热度按时间

fwzugrvs1#

使用“〉”child combinator：

.orange {
  > :not(.list){
    color: orange
  }
}

这将选择.橙子的所有不具有.list类的子级。

赞(0）回复(0）举报 2023-02-06

7lrncoxx2#

当我试图找到这种方法的解决方案时，最有效的方法是在fiddle中尝试它。我发现公认的答案并不完全正确，因为语法应该是：

.orange > :not(.list)
{
   background-color: orange;
}

赞(0）回复(0）举报 2023-02-06

我来回答

css 将样式应用于除特定选择器及其子元素之外的所有元素

2条答案

相关问题

热门标签

最新问答