css - 简化具有相同父级的 css 选择器

Question

.content p, .content ul, .content h1 {
       text-indent: 35px;
}

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

                                                                                                 

Answer 1

使用普通 CSS，您别无选择。

使用SASS或LESS之类的 CSS 编译器，您可以编写如下内容：

.content {
    .p, ul, h1 {
        text-indent: 35px;
    }
}

我现在强烈推荐使用Compass，它让编写 CSS 变得更加有趣。

Answer 2

在选择器级别 4（又名 CSS 4）中有一个:matches()功能性伪类：

.content :matches(p, ul, h1) {
  text-indent: 25px;
}

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