CSS更改特定href的按钮颜色

Question

这是一个价格比较网站，有很多链接，其中一些不起作用。 我从我的 API 收到他们的 href 为“javascript:void(0);”所以按钮什么都不做。

在页面上使用自定义 CSS 我想用 改变按钮的颜色

<a href="javascript:void(0);" class="button">Shop Now</a>

变灰。

是否可以使用自定义 CSS 更改特定 href 元素的颜色？

Answer 1

您可以使用属性选择器将属性与[href=javascript\:void\(0\)\;] 或它的某个变体完全匹配。

您可以在此处阅读有关属性选择器的更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

a[href=javascript\:void\(0\)\;] {
  color: gray;
}

<a href="javascript:void(0);" class="button">Shop Now (disabled link)</a>
<br>
<a href="#" class="button">Shop Now (normal link)</a>