Question

我正在尝试为href元素添加CSS规则，同时排除某个类（.nolink）

filename

我发现：not 选择器可以做到这一点，但是由于某些原因，我无法正确使用它。

所以我尝试了：

.content a {
border-bottom: 2px;
}

或

.content:not(.nolink) a { border-bottom: 2px; }

或

.content:not('.nolink') a { border-bottom: 2px; }

和其他一些较小的编辑，但似乎没有正常工作。我在这里做什么错了？

这是我在https://cbdhempoilusa.com上使用的绿色超链接下划线和悬停代码的CSS代码，在该代码中，我希望从该规则中删除一些元素-这些是.content a:not('.nolink') { border-bottom: 2px; }类元素。

Answer 1

在这里，如果需要其他东西，请告诉我

.content a {
  border-bottom: 2px solid;
}

.content a:not(.noLink) {
  border-bottom: none;
}

<div class="content">
  <a class="content">anchor 1</a>
  <a class="content">anchor 1</a>
  <a class="content noLink">anchor 1</a>
  <a class="content">anchor 1</a>
  <a class="noLink content">anchor 1</a>
<div>

从CSS规则中排除自定义类

1 个答案: