css高级选择器问题

vizo

41922837

发布于
2021-06-25

css选择器有没有办法匹配属性值为"123"的元素?
比如 [title="123"], [href="123"]
但是不一定是title和href, 有可能是任意的字符串. 比如[ayd6fas="123"]

css 前端

阅读 2.3k

4 个回答

得票最新

周羊羊

9233723

发布于
2021-06-25

用js遍历页面上所有的标签上的所有属性，
然后动态生成style标签append到页面上

不过我有点好奇是什么样的需求需要这样做，不妨把要解决的问题说出来，说不定有更好的解决办法……

Fractal

5.5k22433

发布于
2021-06-25

属性名是全匹配的，不能规则匹配

所以，是做不到的

SlimBear

1.2k113

发布于
2021-06-25

据我所知是可以的啊，例如：

a[target=_blank] {
  background-color: yellow;
}

完整示例，来自w3schools

<!DOCTYPE html>
<html>
<head>
<style>
a[target=_blank] {
  background-color: yellow;
}
</style>
</head>
<body>

<p>The link with target="_blank" gets a yellow background:</p>

<a href="https://www.w3schools.com">w3schools.com</a>
<a href="http://www.disney.com" target="_blank">disney.com</a>
<a href="http://www.wikipedia.org" target="_top">wikipedia.org</a>

</body>
</html>