:last-child 怎么无效

[冬天太冷]

html代码是这样的：

css 是这样写的：
.other-item{
margin:25px 15px 15px 20px;
float: left;
border-right:1px solid #ddd;
height:68%;
text-align: left;
padding-right:15px;
}
.other-item:last-child{
border-right:none;
padding-right:0;
color:red;
}
无效果

[public_TIM]

:last-child只匹配一个元素，而此选择符将为每个父元素匹配一个子元素，你的 .other-item的div里面还有子元素吗？

[天际的海浪]

last-child 是匹配父元素的最后一个子元素。你的所有.other-item元素都不是父元素的最后一个子元素。当然都不匹配。（你的父元素的最后一个子元素是<div class="button"></div> ）

[天际的海浪]

你可以用 last-of-type 匹配同样标签名中的最后一个同级兄弟元素 但要注意last-of-type 是只能以标签名来分组，不能用class来分组

[qq_26610735]

你可以用nth-child写的

[qq_41895263]

使用 :last-child 伪类时要保证后面没有兄弟元素节点。 解决方法：把<div class="button"><div/>去掉。 或者把<div class="button"><div/>移出<div class=""other-content clearfix><div/>，不要放在<div class=""other-content clearfix><div/>里面。