:: penanda - Trik CSS

Anonim

The ::marker pseudo-elemen adalah untuk menggayakan penanda gaya elemen senarai. Sebagai contoh, titik peluru lalai

    (contohnya) atau angka lalai
      (cth: 1.). Ini menjadikannya sangat mudah untuk melakukan perkara-perkara sederhana seperti mewarnakannya.

      Seperti elemen pseudo, anda dapat memilih ::markerdi DevTools untuk diperiksa, tetapi sebenarnya tidak "di DOM" seperti elemen biasa.

      Chrome DevTools memilih ::markerelemen pseudo dan menunjukkan gaya.

      Anda boleh menggabungkan ::markerdengan contentharta tanah untuk mengubah apa itu penanda. Contohnya, menggantikan peluru senarai dengan emoji:

      Sekiranya anda menukar display harta benda list-itempada elemen apa pun, anda boleh mengawalnya ::marker. Di sini

      elemen diberi nombor, yang menggabungkan idea kaunter CSS:

      Penanda masih merupakan penanda senarai, jadi tertakluk kepada perkara seperti list-style-position.

      Berkaitan

      Artikel pada 5 Mei 2020

      Senaraikan Resepi Gaya

      Chris Coyier

      Maklumat lanjut

      • Spesifikasi

      Sokongan Penyemak Imbas

      Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.

      Desktop

      Chrome Firefox IE Hujung Safari
      86 68 Tidak 86 11.1

      Mudah Alih / Tablet

      Android Chrome Android Firefox Android Safari iOS
      88 85 81 11.3-11.4