:: marker - CSS-triki

Anonim

::marker Psevdoelement je za styling slogovno oznako seznama elementa. Na primer privzeta točka

    (npr. •) ali privzeto številko
      (npr. 1.). Tako je zelo enostavno narediti preproste stvari, na primer, da jih obarvate.

      Tako kot psevdoelement boste tudi ::markerv DevTools lahko izbirali za pregled, vendar v resnici ni "v DOM-u" kot običajni element.

      Chrome DevTools, ki izberejo ::markerpsevdoelement in prikažejo sloge.

      Lahko kombinirate ::markerz contentlastnostjo, da spremenite oznako. Na primer, zamenjava oznak na seznamu z znaki »emoji«:

      Če spremenite display lastnost list-itemna kateri koli element, lahko to nadzorujete ::marker. Tukaj

      elementi so oštevilčeni, kar združuje idejo števcev CSS:

      Označevalci so še vedno označevalci na seznamu, zato so odvisni od stvari, kot so list-style-position.

      Sorodno

      Članek 5. maja 2020

      Seznam stilskih receptov

      Chris Coyier

      Več informacij

      • Spec

      Podpora za brskalnik

      Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.

      Namizje

      Chrome Firefox IE Rob Safari
      86 68 Ne 86 11.1

      Mobilni / tablični računalnik

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