Bagaimanakah Saya Boleh Menyesuaikan Senarai Tertib dalam Firefox 3 Menggunakan CSS?

Menyesuaikan Senarai Tertib dalam Firefox 3

Nombor Senarai Menjajarkan Kiri:

Ke kiri -selaraskan nombor dalam senarai tersusun, gunakan yang berikut kod:

li::before {
  display: inline-block;
  content: counter(item) ") ";
  counter-increment: item;
  width: 2em;
  margin-left: -2em;
}

Kod ini mencipta elemen pseudo sebelum setiap item senarai yang memaparkan nombor diikuti dengan kurungan rapat. Nombor dijajar ke kiri dalam lebar tetap 2em, dan sifat margin-kiri memastikan bahawa ia diinden daripada item senarai.

Menukar Aksara Nombor:

Untuk menukar aksara selepas nombor dalam senarai tertib, ubah suai nilai sifat kandungan dalam li::sebelum pengisytiharan. Contohnya, untuk menggunakan noktah dan bukannya kurungan, gunakan yang berikut:

content: counter(item) ".";

Penyelesaian CSS untuk Senarai Abjad/Romawi:

Untuk menukar senarai tertib daripada nombor kepada aksara abjad atau Rom tanpa menggunakan atribut jenis, gunakan set semula balas, kenaikan balas dan jenis gaya senarai properties:

ol {
  counter-reset: item;
}
li {
  counter-increment: item;
  list-style-type: none;
}
li::before {
  display: inline-block;
  content: counters(item, ".") " ";
}

Kod ini menetapkan semula pembilang item untuk bermula dari 1, menambahnya untuk setiap item senarai dan menyembunyikan nombor lalai menggunakan jenis-gaya senarai: tiada. Sifat kandungan kemudian mencipta elemen pseudo yang memaparkan aksara abjad atau Rom diikuti dengan noktah.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyesuaikan Senarai Tertib dalam Firefox 3 Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!