:: marker - CSS-Tricks

Anonim

::marker -Elementul pseudo este pentru o coafare markerul stilistică a unui element de listă. De exemplu, punctul marcator al unei valori implicite

    (de ex. •) sau cifra unei valori implicite
      (de ex. 1.). Acest lucru face extrem de ușor să faci lucruri simple precum colorizarea lor.

      La fel ca un pseudo-element, veți putea selecta ::markerîn DevTools pentru a inspecta, dar nu este într-adevăr „în DOM” ca un element normal.

      Chrome DevTools selectând ::markerpseudo-elementul și afișând stilurile.

      Puteți combina ::markercu contentproprietatea pentru a schimba ce este markerul. De exemplu, înlocuirea gloanțelor de listă cu emoji:

      Dacă schimbați display proprietatea list-itempe orice element, puteți să o controlați ::marker. Aici

      elementele sunt numerotate, care combină ideea contoarelor CSS:

      Marcatorii sunt încă marcatori de listă, așa că sunt supuși unor lucruri de genul list-style-position.

      Legate de

      Articol la 5 mai 2020

      Listează rețete stil

      Chris Coyier

      Mai multe informatii

      • Spec

      Suport pentru browser

      Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.

      Desktop

      Crom Firefox IE Margine Safari
      86 68 Nu 86 11.1

      Mobil / Tabletă

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