Bagaimana untuk Memilih Elemen Terakhir Kedua dalam CSS?

Memilih Elemen Kedua Terakhir dengan CSS

Dalam pembangunan web, selalunya perlu untuk menyasarkan elemen tertentu dalam struktur dokumen. Apabila memilih elemen berdasarkan kedudukannya dalam induknya, CSS menyediakan pemilih :last-child, yang membolehkan kami memilih elemen terakhir. Walau bagaimanapun, dalam senario tertentu, kita mungkin perlu memilih elemen kedua terakhir.

Untuk tujuan ini, CSS3 memperkenalkan pemilih :nth-last-child(n), dengan n mewakili kedudukan elemen mengira dari penghujungnya. Untuk memilih elemen kedua terakhir, kita boleh menggunakan :nth-last-child(2).

Pemilih ini boleh digunakan pada contoh berikut:

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

Menggunakan :nth-last -child(2) selector, kita boleh menggayakan elemen yang diingini tanpa memerlukan jQuery.

Sokongan Pelayar:

Pemilih :nth-last-child disokong oleh pelayar moden, termasuk:

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

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen Terakhir Kedua dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!