Css 第二个div应该使用哪种语法？ .小组{ 边框：1px实心#000； }

我们希望设置样式

边框顶部：0pxdiv.panel

---

第二个

div.panel

应该使用哪种语法？

您可以使用

：第n个子

选择器。在这种情况下，第n个子值将为2。请参阅以下代码段：

.panel{
边框：1px实心#000；
}
分区面板：第n个子（2）{
背景颜色：黄色；
边框顶部：0px；
}

A.
B

您可以使用

：第n个子项

选择器。在这种情况下，第n个子值将为2。请参阅以下代码段：

.panel{
边框：1px实心#000；
}
分区面板：第n个子（2）{
背景颜色：黄色；
边框顶部：0px；
}

A.
B

最好的解决方案是最简单的解决方案，使用选择器

.panel+.panel

。这将选择另一个的任何直接

.panel

同级

您的CSS将如下所示：

<style>
.panel{
border:1px solid #000;
}
</style>

<div class="body">
    <div class="panel"></div>
    <div class="panel"></div>
</div>

---

最好的解决方案是最简单的，使用选择器

.panel+.panel

。这将选择另一个的任何直接

.panel

同级

您的CSS将如下所示：

<style>
.panel{
border:1px solid #000;
}
</style>

<div class="body">
    <div class="panel"></div>
    <div class="panel"></div>
</div>

---

如果第二个==最后一个。如果second==last.Yes，它将适用于所有现代浏览器。如果是IE，它至少可以在9个以上版本上使用。是的，它可以在所有现代浏览器上使用。在IE的情况下，它应该至少在9以后工作。您没有提到这将适用于所有后续div，即它将在除第一个div之外的所有div上应用CSS。下面是一个例子：。话虽如此，如果不涉及额外的div，这似乎是足够的（同时也是一种不同的方法）+1通过应用第三条规则来取消任何后续

.panel

元素的效果，可以轻松解决此问题。但问题中并没有显示出这种情况。@Pluto你能告诉我更多abbout第三条规则吗？我将在中编辑它。它将取消任何第三个

.panel

，但请注意，它将应用于第二个

.panel

，即使在这两个

.panel

元素之前还有其他元素。第二条规则的一个变体可以解决这个问题。好吧，您现在看到，您正在应用两条规则，以实现单个

n个子规则所能实现的功能。您没有提到这将应用于所有后续div，也就是说，它将对除第一条以外的所有div应用CSS。下面是一个例子：。话虽如此，如果不涉及额外的div，这似乎是足够的（同时也是一种不同的方法）+1通过应用第三条规则来取消任何后续
.panel
元素的效果，可以轻松解决此问题。但问题中并没有显示出这种情况。@Pluto你能告诉我更多abbout第三条规则吗？我将在中编辑它。它将取消任何第三个
.panel
，但请注意，它将应用于第二个
.panel
，即使在这两个
.panel
元素之前还有其他元素。第二条规则的一个变体可以解决这个问题。现在，您可以看到，您正在应用两条规则，以实现单个
n个子规则所能实现的功能。