html - 选择第一个 DIV 以删除其双边框

Question

您好，我正在尝试找到一种方法来跳过 (div class="MyList") 类中动态生成的第一个元素 (div class="Title")。我试过 :first-child 和 :first-of-type 但没有成功。基本上，我试图删除第一个 Title 元素的双边框。非常感谢您的帮助!

HTML

<div class="MyList">   
   <div class="Title">
      <h3></h3> 
   </div>
   <div class="List"></div>
   <div class="List"></div>
   <div class="List"></div>
   <div class="List"></div>
   <div class="Title">
      <h3></h3> 
   </div>
   <div class="List"></div>
   <div class="List"></div>
</div>

CSS

.MyList > :first-child{
   border-top:none;
}

.Title {
    text-align: center; 
    border-left-width:15px; 
    border-bottom-width:5px;
    border-top: 3px solid black;
    padding-top: 1px;
}

.Title:before {
    content: '';
    border-top: 1px solid black;
    display: block;
    width: 100%;
}
.Title  h3 { padding: 20px;}

Answer 1

看看这个 fiddle :http://jsfiddle.net/j2QLY/

您还需要覆盖应用于 Title 元素的 :before 代码:

.MyList > :first-child {
   border-top:none;
}

.MyList > :first-child:before {
    border-top: none;
}