我正在使用经典设置编写着陆页：
我的语义看起来像这样：
<header>
<!-- Responsive navigation bar -->
</header>
<section class="section-first">
<!-- First section -->
</section>
<section>
</section>
...
<footer>
</footer>
由于标题是固定的，因此我需要在第一部分进行特定的CSS处理，例如：
.section-first {
margin-top: 200px;
}
这样标题和第一部分就不会重叠。因此，最终我的第一部分需要与其他人区别对待。我当前的方法对我来说似乎是一种调整，应该有一种语义上的方法来进行这种处理，或者在这种常见情况下采用一种干净的CSS市场实践。有任何想法吗 ？
您可以使用:first-of-type伪元素！
section:first-of-type{
margin-top:200px;
}
这样可以section在HTML中找到第一个标记，而不必向其添加额外的类，并且仅将书面样式应用于该标记。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句