css - CSS。单个位置的边框

我将用图像解释。 link.当我尝试在图像中添加边框位置1时。它会自动添加到2和3。代码：border-bottom: 1px dotted rgb(153, 153, 153)乳清在样式表的同一行中。有没有办法将边框仅添加到位置1。

最佳答案

div.divclass:first-child {border-bottom: 1px dotted rgb(153, 153, 153)}

要么

div.divclass:nth-child(1) {border-bottom: 1px dotted rgb(153, 153, 153)}

编辑

另外，如果您不想使用类，则可以使用DOM结构来定位DIV：

/* Where the second "div" is the element you want to apply the style to */
div > div:first-child {/* Enter style here */}

关于css - CSS。单个位置的边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11037891/