是否有类前缀的CSS选择器？我想将CSS规则应用于其中一个类与指定前缀匹配的任何元素。例如，我想要一个规则，该规则将应用于具有以status-（A和C，但不是后续片段中的B）开头的类的div ：<div id='A' class='foo-class status-important bar-class'></div><div id='B' class='foo-class bar-class'></div><div id='C' class='foo-class status-low-priority bar-class'></div>某种组合：div[class|=status]和div[class~=status-]它是否可以在CSS 2.1下使用？在任何CSS规范下都可行吗？注意：我知道我可以使用jQuery来模拟它。
3 回答
临摹微笑
TA贡献1982条经验 获得超2个赞
你不能这样做。有一个属性选择器在 - 符号之前完全匹配或部分匹配，但由于您有多个属性，因此在此处不起作用。如果您要查找的类名始终是第一个，您可以这样做：
<html>
<head>
<title>Test Page</title>
<style type="text/css">
div[class|=status] { background-color:red; }
</style>
</head>
<body>
<div id='A' class='status-important bar-class'>A</div>
<div id='B' class='bar-class'>B</div>
<div id='C' class='status-low-priority bar-class'>C</div>
</body>
</html>
请注意，这只是为了指出哪个CSS属性选择器最接近，不建议假设类名始终在前面，因为javascript可以操作该属性。
- 3 回答
- 0 关注
- 683 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消