Html 这个css选择器有一个简短的表单吗

我以前曾多次偶然发现这一点，我一直在想，是否可以用一种更简单、更少冗余的方式来写这一点

假设我们有这样的HTML:

<div class="wrapperClass">
    <div class="someClass">
        <h1>This is a title</h1>
    </div>
</div>

.wrapperClass .someClass h1, .wrapperclass .someClass h2, .wrapperClass .someClass h3 ...

我们假设用户也可能使用

、甚至
，我们也需要涵盖这些情况

我的CSS语句现在看起来像这样：

<div class="wrapperClass">
    <div class="someClass">
        <h1>This is a title</h1>
    </div>
</div>

.wrapperClass .someClass h1, .wrapperclass .someClass h2, .wrapperClass .someClass h3 ...

这句话真长,；这就是为什么我想知道这类情况是否有一个缩写形式。
（目前）没有任何标题选择器，但有一些限制的替代方法是：

.wrapperClass .someClass > *

它将匹配任何
的直接子元素。someClass
您可以使用Sass：

.wrapperClass {
  .someClass { 
    h1, h2, h3, h4, h5, h6 { 
      color: red;
    }
  }
}

与CSS和Sass/Scss一起使用

/*使用空格表示其任何子元素*/
.className*{
指针事件：无…
}                                 
/*使用“>`符号表示立即子元素*/
.className>*{
指针事件：无；
}
.list>ul>li:独生子女{color:red}
.list>ul>li:first child{color:green}
.list>ul>li:最后一个子项{颜色：蓝色}
.list>ul>li:n子（2）{color:blue}
.list>ul>li:not（.className）{color:blue}

定义应用一组CSS规则的元素

子组合器
[A>B]«
组合器选择作为第一个元素的直接子元素的节点。


后代组合器
[ab]«
（空格）组合器选择第一个元素的后代节点。


通用选择器将匹配文档的所有元素

“超能力的CSS”

在编写HTML时，您可能已经注意到它具有清晰的嵌套和可视化层次结构。另一方面，CSS则不然

.className{
.className2{
颜色：红色；
宽度：600px/960px*100%；
}
}
您可以跳过子元素的一个父类，并且需要应用特定元素，而不是应用于所有元素。它找到的特定元素比通用选择器快

.someClass h1, .someClass h2, ....{
  color: red;
}

是的，您可以使用Sass来简化此过程，下面是使用Sass for循环的示例：

@for $i from 1 through 6 {
    .wrapperClass .someClass h#{$i} {
        color: red;
  }
}

将该片段粘贴到Sass游乐场此处以检查输出：
查看LESS或SASST这在标准CSS中实际上是不可能的，这也是CSS预处理器喜欢LESS和Sass变得流行的原因之一。CSS4对此进行了排序-