css除去最後一個元素樣式的方法：1、使用id或是類別選擇器將最後一個元素設為預設樣式即可；2、使用偽類別“:last-child”，自動搭配最後一個元素設定為預設樣式即可；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影片教學
#以上是css如何除去最後一個元素樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！
