css - CSS。单个位置的边框

Question

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

Answer 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 */}

Answer 2

您可以使用小时：

hr {
  border-top: 1px dotted #f00;
  color: #fff;
  background-color: #fff;
  height: 1px;
  width:50%;
}