巧用(yòng)CSS3裏的(de)last-child去除最後一個(gè)元素屬性
上海網頁設計我們在寫網站前台界面的(de)時(shí)候,經常會寫一些邊框了(le),顔色了(le)等等,很多(duō)人(rén)都遇到過想去除最後一個(gè)元素的(de)樣式屬性,上海網頁設計 021jz.com.cn 跟大(dà)家分(fēn)享:巧用(yòng)CSS3裏的(de)last-child去除最後一個(gè)元素屬性。
這(zhè)個(gè)樣子會導緻上圖最後一個(gè)圖片下(xià)面也(yě)出現一條下(xià)劃線,跟邊框底部的(de)線條就重複了(le),就不美(měi)觀了(le)。這(zhè)個(gè)時(shí)候我們怎麽去除最後一個(gè)LI标簽的(de)下(xià)劃線呢(ne)?
<div id="imglist">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
#imglist ul li{border-bottom:1px solid #dddddd;}
#imglist ul li:last-child{border:none}
這(zhè)個(gè)樣子直接就把最後一個(gè)元素LI的(de)下(xià)劃線去掉了(le)。