html - 如何只选择同名的第一个 div？

Question

如何使用 CSS 仅选择多个具有相同名称的 div 中的第一个？例如我有这个:

<div class="div">dsdas</div>
<div class="div">123</div>
<div class="div">73</div>
<div class="div">63</div>
<div class="div">53</div>
<div class="div">45</div>

如何只选择第一个div(类为“div”)？

Answer 1

使用伪选择器 :nth-of-type()。要选择类为“div”的第一个元素，请这样做:

.div:nth-of-type(1) {

}

Working DEMO