CSS。单一位置的边界

Question

我将用图片解释。 link.当我尝试在图像中添加边框位置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%;
}