是否有类前缀的CSS选择器？
是否有类前缀的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来模拟它。
慕婉清6462132浏览 684回答 3
3回答
-
临摹微笑
你不能这样做。有一个属性选择器在 - 符号之前完全匹配或部分匹配，但由于您有多个属性，因此在此处不起作用。如果您要查找的类名始终是第一个，您可以这样做：<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可以操作该属性。
随时随地看视频慕课网APP
Html/CSS