链接器没有目标属性的CSS选择器

Question

我有两种类型的链接

<a href="url">Internal Link</a>

和

<a href="url" target="_blank">External Link</a>

我可以使用以下方法在外部链接上使用CSS：

a[target="_blank"] 

但是我不知道如何使用css选择没有“ target = _blank”属性的所有链接。

我尝试使用a[target="_self"]，但由于“内部链接”中没有目标属性，因此无法正常工作。

Answer 1

您可以使用#someid {color: red}选择器

:not

a[target="_blank"] {
  color: green;
}

a:not([target="_blank"]) {
  color: purple;
}

Answer 2

您可以使用awk 'BEGIN{for(i=97;i<123;i++)printf "s/^%c/%c/\n", i, i-32}'选择器，请参见here

但是，为链接提供类或ID可能更容易。为类/元素编写样式可以使您更好地控制每个元素。

HTML :not

CSS <a id="someid" href="https://link.com" />

Answer 3

您可以根据其他答案使用:not()选择器，也可以仅使CSS specificity 为您工作：

• 使用a {}选择器定位所有锚元素

• 现在使用a[target=_blank] {}定位外部链接

现在a {}选择器将对不是外部的那些选择器起作用。

a[target="_blank"] {
  color: green;
}

a {
  color: red;
}

<a href="url">Internal Link</a>
<a href="url" target="_blank">External Link</a>