html - CSS3 :not is not excluding an id

Question

嘿，亲爱的 Stackoverflow 社区，

这里是我的CSS:

.text:not(#overview > *) {
    margin-top: 10px;
    margin-bottom: 10px;
}

我希望所有带有“text”类的东西的顶部和底部都有 10px 的边距，但不是标有 id“overview”的那个和它下面的所有东西。但是 css 没有按预期工作。

感谢您的帮助亚辛

Answer 1

没有按预期工作？所以它不会排除 id 本身吧？为此，您还需要添加 id:

.text:not(#overview) {
    margin-top: 10px;
    margin-bottom: 10px;
}

您现在所做的只是针对 id 中的所有内容，而不是 id 本身。这将确保 id 也被定位。

您也可以使用以下方式重置它:

.text {
    margin-top: 10px;
    margin-bottom: 10px;
}
#overview.text {
    margin-top: 0;
    margin-bottom: 0;
}

id 比 class 更具体。