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