使用以下 CSS,为什么我无法定位后面的 3 个 anchor 标记?
a[href~="checkout"] { /* Do something. */ }
<a href="http://shop.mydomain.com/checkout/onepage/">
<a href="https://shop.mydomain.com/checkout/onepage/">
<a href="https://shop.mydomain.com/checkout/onepage/?___SID=S">
我的 CSS 选择器做错了什么?我正在尝试使用 ~= 为所有包含单词“checkout”的 URL 选择部分匹配。
最佳答案
试试这个
a[href*="checkout"] { /* Do something. */ }
您必须使用 *,这意味着包含 - 参见reference .
另外,不要忘记关闭 anchor 标签
</a>
工作 JSFiddle
关于html - 包含部分匹配的 CSS 目标属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30473834/