我知道我可以定位CSS中具有 特定 属性的元素,例如:
input[type=text] { font-family: Consolas; }
但是,是否可以将具有任何值属性的元素作为目标(除了什么都没有,即当尚未将属性添加到元素时)?
大致类似:
a[rel=*] { color: red; }
哪个应定位<a>此HTML中的第一个和第三个标记:
<a>
<a href="#" rel="eg">red text</a> <a href="#">standard text</a> <a href="#" rel="more">red text again</a>
我认为这是可能的,因为默认情况下,cursor: pointer似乎将其应用于<a>具有其href属性值的任何标签。
cursor: pointer
href
以下内容将匹配rel定义了属性的所有锚标记:
rel
a[rel] { color: red; }
更新: 要解决上述@vsync场景,在注释部分(区分为空值/非空值),可以合并CSS :not 伪类 :
:not
a[rel]:not([rel=""]) { color: red; }