CSS/JQuery选择器:无论如何都要在类中选择类？

Question

我们假设我们有以下标记:

<div class="t-shirt black blue">Example</div>
<div class="t-shirt white blue">Example</div>
<div class="sweater black blue">Example</div>
<div class="sweater black red">Example</div>
<div class="sweater white red">Example</div>
<div class="hat black blue">Example</div>
<div class="hat black red">Example</div>
<div class="hat white red">Example</div>

无论如何选择具有一个选择器的黑色和蓝色的t-shirtOR sweater？我的意思是,不使用逗号分隔的选择器.

例如,我不想做以下事情:

var wanted = $('.t-shirt.black.blue, .sweater.black.blue');

反正有没有做类似以下的事情？(我知道它不起作用):

var wanted = $('(.t-shirt, .sweater).black.blue');

提前致谢.

Answer 1

不,没有.在jQuery和CSS中都没有.

即使存在用于对选择器的一部分进行分组的功能伪类(例如即将:matches()出现的选择器4),您仍然需要提供这些类的逗号分隔列表:

:matches(.t-shirt, .sweater).black.blue

不用说,上述选择器在任何浏览器中都不起作用.如果你真的想要,你可以 自己实现它作为Sizzle扩展,但老实说我不会打扰.