Bagaimanakah Saya Boleh Memilih Elemen Anak Pertama dan Terakhir dengan Boleh Dipercayai dengan CSS?

Pertanyaan Pemilihan Anak Pertama dan Terakhir CSS

Apabila cuba memilih elemen anak pertama dan terakhir menggunakan CSS, pseudo- :first-child dan :last-child kelas mungkin tidak berfungsi seperti yang diharapkan, terutamanya apabila elemen sasaran adalah anak langsung elemen badan.

Untuk menangani isu ini, adalah disyorkan untuk membalut sasaran elemen dalam elemen bekas. Dengan berbuat demikian, kelas pseudo anak pertama dan terakhir boleh digunakan pada elemen sasaran dalam bekas.

.container {
  /* Style rules for the container element */
}

.container .area:first-child {
  background-color: red;
}

.container .area:last-child {
  background-color: green;
}

Dalam penyelesaian ini, elemen .container berfungsi sebagai titik rujukan untuk memilih yang pertama dan elemen kanak-kanak terakhir. Ini memastikan kelas pseudo digunakan dengan betul pada elemen sasaran dalam bekas itu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen Anak Pertama dan Terakhir dengan Boleh Dipercayai dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!