我以前遇到过这种情况,一直在思考能否用更简单、不那么冗余的方式来写代码。
假设我们有以下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> 或者甚至是 <h6>
,我们也需要覆盖这些情况。我的 CSS 语句现在看起来像这样:
.wrapperClass .someClass h1, .wrapperclass .someClass h2, .wrapperClass .someClass h3 ...
这个声明非常长,所以我想知道是否有这类情况的缩写形式。