小编典典

如何使用CSS中具有任何值的属性来定位元素?

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属性值的任何标签。


阅读 476

收藏
2020-05-16

共1个答案

小编典典

以下内容将匹配rel定义了属性的所有锚标记:

a[rel]
{
    color: red;
}

更新: 要解决上述@vsync场景,在注释部分(区分为空值/非空值),可以合并CSS :not 伪类

a[rel]:not([rel=""])
{
    color: red;
}
2020-05-16