如何使用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

回到顶部