html - 选择特定父元素的子元素

Question

我在body标签的每一页都有不同的类，我在body标签中使用css作为#top div

<body class="one">
<div id="top"></div>
</body>

#top{
  /*css code here*/
}

我想使用相同的 css 而不是.one这样的类：

#top:not(.one){
/*css code here*/
}

更清楚地，我想为#top 的所有页面应用相同的 css，但不应用于 body 类所在的页面.one

score 0 · Accepted Answer

在父级上使用:not选择器，而不是在子级上。

body:not(.one) #top {
    /*css code here*/
}

1 回答 1