css如何除去最後一個元素樣式

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中文網其他相關文章！