如何在 CSS 中设置具有任意值属性的元素样式？

在 CSS 中定位具有任意值属性的元素

CSS 提供了定位具有特定属性的元素的功能，例如 input[type=text]。但是，我们可以将其扩展到具有任意值属性的元素吗？

挑战

您想要为具有任意值属性的元素（不包括那些没有属性的元素）设置样式。例如，您可能旨在突出显示具有定义的 rel 属性的锚标记。

解决方案

要实现此目的，请使用以下语法：

a[rel]
{
    color: red;
}

此规则将匹配任何具有 rel 属性的锚标记 ()，添加指定的样式。

处理空Values

但是，上述规则也会匹配 rel 属性为空的元素。要排除这些，请合并 :not 伪类：

a[rel]:not([rel=""])
{
    color: red;
}

这将使用非空 rel 属性设置锚标记的样式，解决 vsync 指出的问题。

以上是如何在 CSS 中设置具有任意值属性的元素样式？的详细内容。更多信息请关注PHP中文网其他相关文章！