使用相同的父级简化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;
}