Question

我想改变身体中所有锚标签的外观，除了navbar中的那些，我试过了：

a:not(.navbar) a {
    color: #333;
}

a:hover:not(.navbar): {
    color: #999;
}

但它不起作用，所有标签都变得相同。这可能吗？

编辑：我还有其他一些属性，例如转换，所以我无法为其余属性设置恢复。

Answer 1

您是否尝试过选择.navbar a代码并恢复其值？

a {
    color: #333;
}

a:hover {
    color: #999;
    transition: color 2s;
}

.navbar a,
.navbar a:hover {
    color: initial;
    transition: none;
}

Answer 2

我认为代码是不言自明的，但我会解释一下：

选择除了“navbar”类之外的所有div，以及其中的所有链接应用某些样式。

div:not(.navbar) a {
    color: #333;
}

div:not(.navbar) a:hover {
    color: #999;
}

div:not(.navbar) a {
  color: red;
}
div:not(.navbar) a:hover {
  color: green;
}

<div>
  <a href="#">link</a>
</div>

<div class="navbar">
  <a href="#">link should NOT be red</a>
</div>

<div>
  <a href="#">link</a>
</div>

选择整体除了体内的类

2 个答案: