:: marker - CSS-trükkök

Anonim

Az ::marker ál-elem egy listaelem stílusjelzőjének megtervezésére szolgál. Például az alapértelmezett pontok pontja

    (pl. •) vagy egy alapértelmezett szám
      (pl. 1.). Ez rendkívül egyszerűvé teszi az egyszerű dolgok elvégzését, például a színezésüket.

      Mint egy pszeudo-elem, ::markera DevTools-ban is kiválaszthatja az ellenőrzést, de ez valójában nem olyan, mint egy normál elem.

      A Chrome DevTools kiválasztja az álelemet ::markerés megmutatja a stílusokat.

      Akkor össze ::markeraz contentingatlan megváltoztatni, amit a marker. Például a felsorolásjelek helyettesítése emojival:

      Ha bármely elemre módosítja a display tulajdonságot list-item, akkor vezérelheti azt ::marker. Itt

      az elemek meg vannak számozva, ami ötvözi a CSS számlálók ötletét:

      A jelölők továbbra is listamarkerek, tehát olyan dolgok, mint pl list-style-position.

      Összefüggő

      Cikk 2020. május 5-én

      Stílus receptek listázása

      Chris Coyier

      Több információ

      • Spec

      Böngésző támogatás

      Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.

      Asztal

      Króm Firefox AZAZ Él Szafari
      86 68 Nem 86 11.1

      Mobil / Tablet

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