html - 没有 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 的深入解释。