最后一个孩子无法工作的边界。为什么？

Question

不能理解什么问题 https://jsfiddle.net/ure6o695/1/

#wrapper > div { 
float: left; 
border-left: 1px solid; 
border-color: #ff0303; 
font-family: Aller_Rg; 
padding:21px; 

}

#wrapper > div:last-child { 
border-right: 1px solid; 
border-color: #ff0303; 

}

#wrapper > img { 
float: right; 

}

div { 
background: green; 

}

Answer 1

你最后div是不是也其父的:last-child，因为你有两个img元素：它是不是:last-of-type

#wrapper > div:last-of-type { 
    border-right: 1px solid; 
    border-color: #ff0303; 
} 

叉：https://jsfiddle.net/vmb9zLrv/

---

如果您需要支持旧版浏览器（其中:last-of-type伪类不可用，例如IE7或IE8）可以反转逻辑并将border-right应用于所有div，border-left仅适用于div:first-child。

传统做法：https://jsfiddle.net/7Lty07zq/1/

Answer 2

更改这个CSS行：

#wrapper > div:last-child { 

要这样：

#wrapper > div:last-of-type {