【发布时间】：2022-01-13 00:20:02
【问题描述】：
假设你有这个 html 语法：
<a href="#myId" aria-controls="hotel" role="tab" data-toggle="tab" aria-expanded="true">My Hotel</a>
如果我想选择“aria-expanded”值和“href”值，那么定位这个标签的 CSS 是什么？
【问题讨论】：
【发布时间】：2022-01-13 00:20:02
【问题描述】：
你可以使用这个选择器
a[href="#myId"][aria-expanded="true"]
更多信息：https://www.w3.org/TR/CSS2/selector.html#attribute-selectors
【讨论】：
-
这实际上与我的解决方案相同。
[href="#myId"]与一开始的a做同样的事情......似乎是多余的。 -
我认为问题是关于使用多个属性选择器。
定位 a href 和 aria-expanded 值的 CSS 将由以下内容组成：
a[aria-expanded="true"] {
background-color: lightgrey;
}<a href="#myId" aria-controls="hotel" role="tab" data-toggle="tab" aria-expanded="true">My Hotel</a>【讨论】：