CSS Last-Child选择器 - 影响我的所有DIV？

Question

我有以下内容

CSS

.streamBox {
 font-size:12px;
 background-color:#EDEFF4;
 border-bottom:1px solid #E5EAF1;
 margin-top:2px;
 padding:5px 5px 4px;
}
.streamBox:last-child {
   border: none;
}

HTML

<ul id="activityStream">

 <li class="story">
  <div class="streamBox nobkgcolor" id="">
  Stuff
  </div>
 </li>

 <li class="story">
  <div class="streamBox nobkgcolor" id="">
  Stuff
  </div>
 </li>

 <li class="story">
  <div class="streamBox nobkgcolor" id="">
  Stuff
  </div>
 </li>

</ul>

我认为最后一个孩子选择器会让它最后DIV没有边界......但是现在所有的DIV都没有边界？ÿ？

关于如何使CSS如此使用JUST最后一个div没有边框的建议？

谢谢,

Answer 1

有关更新的问题:

你的选择器需要调整,它应该是:

li:last-child .streamBox {
  border: none;
}

的<div class="streamBox">是双方的第一个和最后一个孩子的父母,所以你当前的选择匹配的所有的人,而不是你想要的<div>最后内部<li>,所以在使用:last-child上<li>,你可以在这里进行测试(我改变了边框为黑色,以使它更明显).

对于上一个问题: 这是因为你错过了class=""属性的引用,修复如下:

<div class="box">blah blah</div>
<div class="box">blah blah</div>
<div class="box">blah blah</div>
<div class="box">blah blah</div>????

然后它将按预期工作,前3个有边框,你可以在这里测试它.