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>

このように、右側の枠線が 3 つ表示されますが、実際のアプリケーションでは最後の枠線を削除する必要があります。

ここには 2 つの方法があります:

1. 最後の li にスタイルを追加します

.b-none{border:none}

2. CSS 疑似クラスを使用します: last -child、最後の要素を自動的に照合し、対応するスタイルを実行します。

.test li:last-child{border:none}

2 番目の疑似クラス メソッドには、IE での互換性の問題があります。互換性の問題を考慮しない場合は、に移動することをお勧めします。 。

推奨学習: css ビデオ チュートリアル

以上がCSSの最後の要素のスタイルを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。