CSS/JQuery选择器：在类中还有选择类的方法吗？

Question

假设我们有以下标记：

<div class=“t恤黑蓝”>示例</div>示例示例示例示例示例示例示例

还有什么可供选择的吗t恤或毛衣有一个选择器的黑色和蓝色？我的意思是，不使用逗号分隔的选择器。

例如，我不想做以下事情：

var wanted=$（'.thirt.black.blue，.weart.black.blue'）；

有没有类似的事情？（我知道它不起作用）：

var wanted=$（'（.t-shirt，.woothere）.black.blue'）；

提前谢谢。

Answer 1

不，jQuery和CSS中都没有。

即使有一个用于对选择器的部分进行分组的函数伪类（例如即将到来的：matches（）在Selectors 4）中，您仍然需要提供这些类的逗号分隔列表：

：火柴（.t恤，.毛衣）.黑色.蓝色

不用说，上面的选择器在任何浏览器中都不起作用。你能够 作为Sizzle扩展自行实现如果你真的想，但我真的不会打扰你。

Answer 2

你可以这样做：

var wanted=$（'.black.blue'）.filter（'.t恤，.woother'）；

但是

var wanted=$（'.thirt.black.blue，.woother.black.lue'）；

无论如何可能更有效（不过我还没有测试过）

Answer 3

如果唯一的目标不是使用逗号，您可以这样做：

var blacklue=$（“.black.blue”），tshirts=blacklue.filter（“.t-shirt”），毛衣=blackblue.filter（“.woother”），both=tshirt.add（毛衣）；

然而，我看不出它有多好，除非它能让你组织得更好。

Answer 4

var selectionLevel1=$（“.t-shirt，.woothere”）.andSelf（）；var finalSelection=$（“.black”，selectionLevel1）；