html - 这个 css 选择器有缩写形式吗

Question

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

假设我们有这个 HTML:

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

如果我想设置 <h1> 的样式我会这样进行的元素:

.wrapperClass .someClass h1 { 
    color: red;
}

我们假设用户也有可能使用 <h2>, <h3>, <h4>, <h5> or even a <h6>我们也需要涵盖这些案例。

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

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

这个语句真的很长；这就是为什么我想知道是否有这类案例的简短形式。

Answer 1

(目前)没有任何标题选择器，但有一定限制的替代方法是:

.wrapperClass .someClass > *

它将匹配 任何 元素，该元素是 .someClass 的直接子元素。