:: značka - Triky CSS

Anonim

::marker Pseudo-prvek je pro styling stylistické marker prvku seznamu. Například odrážka výchozího nastavení

    (např. •) nebo číslice výchozí hodnoty
      (např. 1.). Díky tomu je velmi snadné dělat jednoduché věci, jako je obarvení.

      Stejně jako pseudoelement budete moci vybrat ::markerv DevTools ke kontrole, ale ve skutečnosti to není „v DOMu“ jako normální element.

      Chrome DevTools vybírá ::markerpseudoelement a ukazuje styly.

      Můžete kombinovat ::markers contentvlastností a změnit tak značku. Například nahrazení odrážek seznamu emodži:

      Pokud změníte display vlastnost list-itemna libovolný prvek, můžete ovládat jeho ::marker. Tady

      prvky jsou očíslovány, což kombinuje myšlenku čítačů CSS:

      Značky jsou stále seznamové značky, takže podléhají věcem jako list-style-position.

      Příbuzný

      Článek 5. května 2020

      Seznam stylů recepty

      Chris Coyier

      Více informací

      • Spec

      Podpora prohlížeče

      Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.

      plocha počítače

      Chrome Firefox TJ Okraj Safari
      86 68 Ne 86 11.1

      Mobilní / Tablet

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