CSS用于标识多个类的简写

前端之家收集整理的这篇文章主要介绍了CSS用于标识多个类的简写前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用CSS选择器使用正则表达式阅读 this tutorial并尝试推断:是否有CSS速记来执行以下操作?我想选择具有“foo”类的所有div,它们具有附加类“a”,“b”,“c”或“d”.
.foo.a,.foo.b,.foo.c,.foo.d {
       /* stuff */
    }

就像是:

.foo [class~ =’a’,’b’,’c’,’d’] {}?

解决方法

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

选择器4提出了一个基于Mozilla原始的新的:matches()伪类:any()实现(参见this answer的一些历史记录):

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

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

猜你在找的CSS相关文章