使用相同的父级简化css选择器

使用相同的父级简化css选择器,css,css-selectors,Css,Css Selectors,此选择器是否有任何快捷方式,如.content p、ul、h1{} 对于普通CSS,您没有选择余地 使用CSS编译器,如或您可以编写类似的内容: .content p, .content ul, .content h1 { text-indent: 35px; } 我现在强烈推荐使用它,这使编写CSS变得更加有趣。在(又名CSS 4)中有一个:matches()函数伪类: 但是,目前还没有任何浏览器支持它。但是有:-webkit-any()和:-moz-any()分别为Chro

此选择器是否有任何快捷方式,如
.content p、ul、h1{}


对于普通CSS,您没有选择余地

使用CSS编译器,如或您可以编写类似的内容:

.content p, .content ul, .content h1 {
       text-indent: 35px;
}
我现在强烈推荐使用它,这使编写CSS变得更加有趣。

在(又名CSS 4)中有一个
:matches()
函数伪类:


但是,目前还没有任何浏览器支持它。但是有
:-webkit-any()
:-moz-any()
分别为Chrome和Firefox带来了相同的功能。

不,没有。除非您使用CSS以外的其他工具,例如少+1用于CSS预编译器,如或(我个人喜欢SASS),多亏了大家,我将尝试一个+1用于提及即将推出的标准。不幸的是,它还不能解决任何现实世界的问题。
.content {
    .p, ul, h1 {
        text-indent: 35px;
    }
}
.content :matches(p, ul, h1) {
  text-indent: 25px;
}