这个css选择器有一个简短的形式吗？

Question

我之前偶然发现了很多次,我一直想知道是否可以用更简单,更少冗余的方式来写这个.

我们假设我们有这个HTML:

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

如果我想要设置<h1>元素的样式,我会这样做:

.wrapperClass .someClass h1 { 
    color: red;
}

让我们假设用户也有可能使用a <h2>, <h3>, <h4>, <h5> or even a <h6>,我们也需要覆盖这些情况.

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

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

这个陈述真的很长; 这就是为什么我想知道这些案件是否有简短形式.

Answer 1

(目前)没有任何标题选择器,但具有某些限制的替代方案是:

.wrapperClass .someClass > *

它将匹配任何直接子元素.someClass.