Html CSS-使用类将第一个元素作为目标

HTML:

标题
顺序
位置
编号

如何仅针对第一个元素

使用伪类

<p class=menu_top>Title</p>
<p class=menu_top>Order</p>
<p class=menu_top>Position</p>
<p class=menu_top>Number</p>

---

值得注意的是，你的组织方式也会让你在未来做更多的工作。最好有这样的东西：

.menu_top:first-child {
    your: rules;
}

---

过度分类会在将来导致大量的返工，并使代码变得混乱。使用级联对您有利；它减少了重复代码，并使仅覆盖异常值变得更容易。

在哪个浏览器中？你的要求是什么？你试过什么？

<div class="menu_top">
    <p>Title</p>
    <p>Order</p>
    <p>Position</p>
    <p>Number</p>
</div>

.menu_top p {
    //all my basic styles for each menu item
}

.menu_top p:first-child {
    // specific styles for just the first menu item
}