CSS 提供了定位具有特定属性的元素的功能,例如 input[type=text]。但是,我们可以将其扩展到具有任意值属性的元素吗?
您想要为具有任意值属性的元素(不包括那些没有属性的元素)设置样式。例如,您可能旨在突出显示具有定义的 rel 属性的锚标记。
要实现此目的,请使用以下语法:
a[rel] { color: red; }
此规则将匹配任何具有 rel 属性的锚标记 (),添加指定的样式。
但是,上述规则也会匹配 rel 属性为空的元素。要排除这些,请合并 :not 伪类:
a[rel]:not([rel=""]) { color: red; }
这将使用非空 rel 属性设置锚标记的样式,解决 vsync 指出的问题。
以上是如何在 CSS 中设置具有任意值属性的元素样式?的详细内容。更多信息请关注PHP中文网其他相关文章!