【问题标题】:How to apply the link style only to links within a block? [closed]如何将链接样式仅应用于块内的链接? [关闭]
【发布时间】: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。

标签: jquery css


【解决方案1】:

不确定您为什么要这样做,但这就是您想要的。

CodePen

为什么在出现异常时所有三个元素都突出显示 id 为“main”的块?

这是 * 和 :not(main) 之间的额外空格。

body *:not(#main)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-02
    • 1970-01-01
    • 2011-05-19
    相关资源
    最近更新 更多