溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css除去最后一個元素樣式的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
css除去最后一個元素樣式的方法：1、使用id或是類選擇器給最后一個元素設置默認樣式來去除效果；2、使用偽類“:last-child”，自動匹配最后一個元素，為其設置默認樣式，語法“元素名稱:last-child{屬性:值}”。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
很多人可能都碰到這樣一個情況：
<style>
.test li{
float:left;
border-right:1px solid #ccc;
width:100px;
height:100px;
}
</stly>
<ul class="test">
<li></li>
<li></li>
<li></li>
</ul>這樣就會出現三條右邊框，在實際運用中最后條邊框是需要去掉的。
這里為大家介紹兩種方法：
1、為最后個li添加個樣式
.b-none{border:none}2、用css偽類:last-child，來自動匹配最后個元素，并執行相應的樣式.
.test li:last-child{border:none}第二種偽類方法在IE下有兼容問題，如果不考慮兼容問題的話，到是個好選擇。
以上是“css除去最后一個元素樣式的方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
