CSS3 第一个 div 唯一技巧

Question

我有一个带有一堆 div 的容器。除了第一个应该是白色的顶部边框外，我想要所有的顶部边框都是灰色的。我尝试了 nth-child，但我的代码似乎有问题。

<div class="container">
  <div class="row"> Stuff </div>
  <div class="row"> Stuff </div>
  <div class="row"> Stuff </div>
  <div class="row"> Stuff </div>
</div>

.row{ border-top-width: 1px; border-top-style: solid; border-top-color: #ccc;}
.row:nth-child1{  border-top-width: 1px; border-top-style: solid; border-top-color: #FFF;}

Answer 1

.row { border-top: 1px solid #ccc;}
.row:first-child {  border-top-color: #FFF;}

jsFiddle:http://jsfiddle.net/MSDYY/

还有一个，背景设置为红色，以表明第一个元素实际上有白色的顶部边框:http://jsfiddle.net/MSDYY/1/

如果你想使用 nth-child 它应该是这样的:.row:nth-child(1)