CSSで最後から2番目の要素を選択するにはどうすればよいですか?

CSS で最後から 2 番目の要素を選択する

:last-child を使用する場合、グループ内の最後の要素のみを選択できます。ただし、最後から 2 番目の要素を選択する必要がある場合は、CSS3 の :nth-last-child(2) セレクターを利用できます。

このセレクターは、「SELECT THIS」というテキストを持つ DIV 要素を選択します。

<code class="html"><div id="container">
  <div>a</div>
  <div>b</div>
  <div>SELECT THIS</div> <!-- THIS -->
  <div>c</div>
</div></code>

ブラウザのサポート

:nth-last-child は、次のような広範なブラウザをサポートしています。

• Chrome 2
• Firefox 3.5
• Opera 9.5、10
• Safari 3.1、4
• Internet Explorer 9

以上がCSSで最後から2番目の要素を選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。