Bagaimanakah saya boleh menggunakan kurungan yang betul sebagai penanda senarai tersusun dalam HTML?

Menyesuaikan Penanda Senarai Tertib: Tanda Kurung Kanan untuk Alfa Rendah

Jenis alfa rendah standard untuk senarai tersusun dalam HTML menggunakan titik (' .'), tetapi bagaimana jika anda perlu menggunakan kurungan kanan ('a)', 'b)', dsb.) sebaliknya?

CSS menyediakan penyelesaian menggunakan pembilang, yang membenarkan penomboran automatik bagi elemen. Dengan sedikit pengubahsuaian, anda boleh mencapai gaya senarai yang anda inginkan:

ol {
  counter-reset: list;
}
ol > li {
  list-style: none;
}
ol > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

Dalam kod CSS ini:

• counter-reset: list; memulakan pembilang yang dipanggil 'senarai' kepada 0.
• gaya senarai: tiada; mengalih keluar penggayaan senarai lalai, cth., titik dan sempang.
• kandungan: counter(list, lower-alpha) ") "; mentakrifkan kandungan yang hendak disisipkan sebelum setiap item senarai, iaitu nilai pembilang dalam format alfa bawah diikuti dengan kurungan kanan.
• kenaikan balas: senarai; menambah pembilang 'senarai' sebanyak 1 untuk setiap item senarai.

Dengan memasukkan CSS ini, senarai pesanan anda akan mempunyai penanda alfa rendah yang disertakan dalam kurungan kanan. Laraskan padding dan sifat penggayaan lain mengikut keperluan untuk menjajarkan dan memaparkan senarai mengikut keperluan anda.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggunakan kurungan yang betul sebagai penanda senarai tersusun dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!