样式<a>没有href属性

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和:visited伪类而不是属性选择器（两者的组合将与a[href]相同）：

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

另请参阅此答案以深入解释a[href]与a:link, a:visited 。