1. 程式人生 > >CSS實現最後一個li樣式不一樣

CSS實現最後一個li樣式不一樣

#news .newsmore{
	display:block;
	margin-top: 0;
	cursor: pointer;
	border-bottom:1px solid #E0E0E0;
}
#news .newsmore:last-child {
border-bottom: 0;
}
<ul>  
<li class="newsmore">
<a href="wxnewsshow.asp?id=1676"><div class="olditem">
<div class="title">5月3日 相約第五屆粵港萬人相親大會</div> 
</div>
</a>
</li>
   
  <li class="newsmore">
<a href="wxnewsshow.asp?id=1675"><div class="olditem">
<div class="title">文明清明,三萬遊客信眾爆滿觀音山</div> 
</div>
</a>
</li>
</ul>

注意,相容性沒測試可能會不相容老版本瀏覽器,以前都是通過JQ實現的效果,突然發現CSS也可以....