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

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

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

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

<code class="html">&lt;div id=&quot;container&quot;&gt;
  &lt;div&gt;a&lt;/div&gt;
  &lt;div&gt;b&lt;/div&gt;
  &lt;div&gt;SELECT THIS&lt;/div&gt; &lt;!-- THIS --&gt;
  &lt;div&gt;c&lt;/div&gt;
&lt;/div&gt;</code>

ブラウザのサポート

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

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

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