CSS實現最後一個li樣式不一樣
阿新 • • 發佈:2019-01-09
#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也可以....