【发布时间】:2020-10-02 01:00:18
【问题描述】:
为什么id为“main”的block出现异常时,三个元素都高亮显示?
body * :not(#main) {
border: 1px solid black;
}
<nav><a href="link">link</a></nav>
<div>
<a href="link">link</a>
</div>
<div id="main">
<a href="link">link</a>
</div>
【问题讨论】:
-
为什么是
:not()而不仅仅是div a { ... }? -
或者,在你想拥有那组样式的元素上放置一个类。
-
在我看来,当有其他具有不同类的链接的块时更方便,但最重要的是,为什么 a:not(nav a) 不起作用?
-
那么,如何选择样式的链接,但排除导航中的链接?
-
"当有其他块的链接具有不同类时会更方便" 首先实际上并没有那么方便,但即使确实,使用
not()需要比实际需要更多的处理来应用 CSS。