CSS选择器,多个属性,OR运算符

Pet*_*šek 13 css css-selectors

我需要你的CSS选择器的帮助.想象一下样式HTML标签:

<style type="text/css">
[...selector...] {color:red;}
</style>
Run Code Online (Sandbox Code Playgroud)

我想构建一个具有多个属性和逻辑运算符的选择器.但我没有找到正确的语法.

我的要求:
选择器应该找到具有"属性"属性的元素,并且此"属性"属性等于某个URL.第二个条件:元素应该具有'resource'或'typeof'属性(它不是重要的,值是什么).

所以我需要这个逻辑结构:A =某个URL &&(B || C),它必须在一个选择器中.
这该怎么做?

Bol*_*ock 27

您将需要property为每个OR条件重复属性选择器,将每个OR条件与第二个属性选择器组合,如下所示:

[property="some URL"][resource], [property="some URL"][typeof] { color: red; }
Run Code Online (Sandbox Code Playgroud)

参考:http://www.w3.org/TR/css3-selectors/#attribute-selectors

  • 有更干净的DRY-er解决方案吗? (2认同)