CSSの:first-childでもつまづいた。

<ul>
  <li>
らっきょ   </li>     <hr>   <li>
赤ワイン   </li> </ul>
的なことをxslateのテンプレート上で
<ul>
  :for ["らっきょ","赤ワイン"]-> $yasyoku {
  <hr>
  <li>
<: $yasyoku :>   </li>   :} </ul>   ul hr:first-child{   display:none; }  
的にやりたかったんだけれど。
 
ループするといっても、hrはテンプレート上では、1個目のhrなわけで
だので、first-childなhrがループされるってだけで、
全部消えてしまったわけで。
 
そこで、どうしたのかというと、
ul li {
  border-top:1px;
}
して
 
ul li:first-child {
  border-top:none;
}
 
したわけです。