我正在使用经典设置编写登录页面:
我的语义看起来像这样:
<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] 删除。
我来说两句