不带 href 属性的 <a> 样式

Question

是否可以匹配所有没有通过 CSS 指定 href 的链接？

例子：

<a>Invalid link</a>

我知道可以将所有链接与 href 匹配，但我只是在寻找相反的结果。

Answer 1

要么使用 CSS3 的 :not():

a:not([href]) {
    /* Styles for anchors without href */
}

或者为所有a 指定一个通用样式，并为a[href] 指定一个以覆盖具有该属性的那些。

a {
    /* Styles for anchors with and without href */
}

a[href] {
    /* Styles for anchors with href, will override the above */
}

为了获得最佳浏览器支持（包括古老但未被完全遗忘的浏览器），请使用:link and :visited pseudo-classes 而不是属性选择器（将两者结合将与a[href] 匹配）：

a {} /* All anchors */
a:link, a:visited {} /* Override */

另请参阅 this answer 以深入了解 a[href] 与 a:link, a:visited。