:: markør - CSS-triks

Anonim

Den ::marker pseudo-element er for styling stilistiske markør av et listeelement. For eksempel punktpunktet for en standard

    (f.eks. •) eller tallet på en standard
      (f.eks. 1.). Dette gjør det ekstremt enkelt å gjøre enkle ting som å fargelegge dem.

      Som et pseudo-element, vil du kunne velge ::markeri DevTools for å inspisere, men det er egentlig ikke "i DOM" som et vanlig element.

      Chrome DevTools velger ::markerpseudo-elementet og viser stilene.

      Du kan kombinere ::markermed contentegenskapen for å endre hva markøren er. For eksempel å erstatte listekuler med emoji:

      Hvis du endrer display eiendommen til et list-itemhvilket som helst element, kan du kontrollere den ::marker. Her

      elementene er nummererte, som kombinerer ideen om CSS-tellere:

      Markørene er fremdeles listemarkører, så er underlagt ting som list-style-position.

      I slekt

      Artikkel 5. mai 2020

      Listeoppskrifter

      Chris Coyier

      Mer informasjon

      • Spes

      Nettleserstøtte

      Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.

      Desktop

      Chrome Firefox DVS Kant Safari
      86 68 Nei 86 11.1

      Mobil / nettbrett

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