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

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

Web 開発では、多くの場合、ドキュメント構造内の特定の要素をターゲットにする必要があります。親内の位置に基づいて要素を選択する場合、CSS は最後の要素を選択できる :last-child セレクターを提供します。ただし、特定のシナリオでは、最後から 2 番目の要素を選択する必要がある場合があります。

この目的のために、CSS3 では :nth-last-child(n) セレクターが導入されています。ここで、n は要素の位置を表します。終わり。最後から 2 番目の要素を選択するには、:nth-last-child(2) を使用できます。

このセレクターは次の例に適用できます。

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

:nth-last の使用-child(2) セレクターを使用すると、jQuery を必要とせずに目的の要素をスタイルできます。

ブラウザのサポート:

:nth-last-child セレクターがサポートされています。

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

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