造型<a>没有href属性
是否有可能匹配没有通过CSS指定的href
所有链接?
例:
<a>Invalid link</a>
我知道它可能匹配的所有链接与href,但我只是在寻找相反的。
使用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
伪类而不是属性select器(两者都将与a[href]
相同):
a {} /* All anchors */ a:link, a:visited {} /* Override */
另请参阅此答案 ,以深入解释a[href]
与a:link, a:visited
。