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

Selectors Level 4（又称CSS 4）中有:matches()个功能伪类：

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

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