Question

我想对特定div中的某些但不是全部链接应用某些样式。结构如下：

<div class="feed-post">
    <a href="#">This is the link I want to style</a>
    <a class="internal-link" href="#">This is the link I DON'T want to style</a>
</div>

我没有直接访问HTML的权限，因此不能简单地将类添加到第一个链接。我已经尝试了几种选择器组合，例如：

.feed-post a:not(.internal-link)

我真的不明白为什么上面的选择器不起作用。任何帮助将不胜感激。

编辑：已解决！谢谢大家的帮助。它由另一个选择器作为目标。当我更具体地讲一说时，我意外的样式就消失了。

Answer 1

您正在正确使用它，它可以按预期工作，除非样式在CSS的其他位置被覆盖。

检查以下代码段。

.feed-post a:not(.internal-link){
background: red;
}

<div class="feed-post">
    <a href="#">This is the link I want to style</a>
    <a class="internal-link" href="#">This is the link I DON'T want to style</a>
</div>

：not（）选择器的正确用法

1 个答案: