CSS用于标识多个类的简写

Question

我阅读本教程使用CSS选择器使用正则表达式,并试图推断:是否有CSS速记来执行以下操作？我想选择具有"foo"类的所有div,它们具有附加类"a","b","c"或"d".

    .foo.a,
    .foo.b,
    .foo.c,
    .foo.d {
       /* stuff */
    }

就像是:

.foo[class~='a','b','c','d'] {} ？

Answer 1

目前这是不可能的(使用Selectors 3推荐).CSS没有完整的正则表达式语法,也没有办法压缩多个选择器列表的部分内容.

选择器4提出了一个:matches()基于Mozilla原始:any()实现的新伪类(请参阅此答案了解一些历史记录):

.foo:matches(.a, .b, .c, .d)

当然,不要指望浏览器支持这个.我可能会忘记在那个时间到来时更新这个答案,但是......我们会看到.