:: značka - Triky CSS

Anonim

::marker Pseudo-prvok je pre styling štylistické marker prvku zoznamu. Napríklad odrážka predvoleného nastavenia

    (napr. •) alebo číslicu predvolenej hodnoty
      (napr. 1.). Takto je nesmierne ľahké robiť jednoduché veci, ako je napríklad ich vyfarbenie.

      Rovnako ako pseudoprvok budete môcť ::markerv nástroji DevTools vybrať, ktoré chcete skontrolovať, ale nie je to skutočne „v DOM“ ako bežný prvok.

      Chrome DevTools vyberá pseudoelement ::markera zobrazuje štýly.

      Môžete kombinovať ::markers contentvlastnosťou a zmeniť tak značku. Napríklad nahradenie odrážok zoznamu emodži:

      Ak zmeníte display vlastnosť na list-itemna ktoromkoľvek prvku, môžete ovládať jeho ::marker. Tu

      prvky sú očíslované, čo kombinuje myšlienku počítadiel CSS:

      Značkovače sú stále značkovačmi zoznamov, takže môžu podliehať napríklad list-style-position.

      Súvisiace

      Článok 5. mája 2020

      Uveďte zoznam štýlov

      Chris Coyier

      Viac informácií

      • Spec

      Podpora prehľadávača

      Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.

      Desktop

      Chrome Firefox IE Hrana Safari
      86 68 Nie 86 11.1

      Mobil / tablet

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