:: markør - CSS-tricks

Anonim

Den ::marker pseudo-element er til styling stilistiske markør af et listeelement. For eksempel punktets punkt for en standard

    (f.eks. •) eller tallet for en standard
      (f.eks. 1.). Dette gør det ekstremt let at gøre enkle ting som at farve dem.

      Ligesom et pseudo-element kan du vælge ::markeri DevTools at inspicere, men det er ikke rigtig "i DOM" som et normalt element.

      Chrome DevTools vælger ::markerpseudo-elementet og viser typografierne.

      Du kan kombinere ::markermed contentegenskaben for at ændre, hvad markøren er. For eksempel at erstatte listekugler med emoji:

      Hvis du ændrer display egenskaben til list-itemet element, kan du kontrollere dens ::marker. Her

      elementerne er nummererede, som kombinerer ideen om CSS-tællere:

      Markørerne er stadig listemarkører, så de er underlagt ting som f.eks list-style-position.

      Relaterede

      Artikel den 5. maj 2020

      Listeopskrifter

      Chris Coyier

      Mere information

      • Spec

      Browsersupport

      Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.

      Desktop

      Chrome Firefox IE Edge Safari
      86 68 Ingen 86 11.1

      Mobil / tablet

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