當前位置:首頁 > 建站常識 > 列表

CSS3裏的(de)last-child去除最後一個(gè)元素屬性

點擊:時(shí)間:2017/7/29關鍵詞:上海網站開發 網頁設計公司 網站開發價格
巧用(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-chil
CSS3裏的(de)last-child去除最後一個(gè)元素屬性

巧用(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)。

預約建站
免費提供網站優化(huà)
領取關鍵詞