Html 仅针对与阿曲布他相关的确定链接

我检查了输入元素的特殊选择，如图所示。我试着用它来选择所有的链接，除了一个有rel-atribute的链接。这里有一个例子：

CSS

HTML

我只想针对前两个环节。我希望避免使用类，并尝试使用CSS将它们作为目标

这样做：

.language a:not([rel=author]){
    background: red;
}

您只是忘记了：not

后面的括号，请这样做：

.language a:not([rel=author]){
    background: red;
}

---

您只是忘记了：not

后面的括号，选择所有没有

rel

属性的锚定：

.language a:not([rel]){
    background:#F00;
}

---

选择所有没有

rel

属性的锚定：

.language a:not([rel]){
    background:#F00;
}

---

仅针对属性

.language a abbr[title="english"] {
   /* woohoo! */
}

---

只需针对属性

.language a abbr[title="english"] {
   /* woohoo! */
}

---

您应该：

[rel~=author]

如果

author

不是

rel

属性的唯一值，则也会匹配。因此，它匹配如下链接：

<a href="http://whatever.com/" rel="author">Designed by me</a>
<a href="http://whatever.com/" rel="author external">Designed by me</a>
<a href="http://whatever.com/" rel="author external nofollow">Designed by me</a>
<!-- … -->

---

您应该：

[rel~=author]

如果

author

不是

rel

属性的唯一值，则也会匹配。因此，它匹配如下链接：

<a href="http://whatever.com/" rel="author">Designed by me</a>
<a href="http://whatever.com/" rel="author external">Designed by me</a>
<a href="http://whatever.com/" rel="author external nofollow">Designed by me</a>
<!-- … -->