:: žymeklis - CSS-gudrybės

Anonim

::marker Pseudo elementas yra stiliaus stilistinė žymeklį iš sąrašo elementą. Pavyzdžiui, numatytosios žymos taškas

    (pvz., •) arba numatytojo skaičiaus
      (pvz., 1.). Dėl to labai lengva atlikti paprastus dalykus, pavyzdžiui, juos spalvinti.

      Kaip ir pseudoelementą, galėsite pasirinkti ::marker„DevTools“, kad patikrintumėte, tačiau tai nėra „DOM“ kaip įprastas elementas.

      „Chrome DevTools“ pasirenka ::markerpseudoelementą ir rodo stilius.

      Galite kartu ::markersu contentypatybe pakeisti žymeklį. Pavyzdžiui, sąrašo ženklelių pakeitimas jaustukais:

      Jei pakeisite display nuosavybę į list-itembet kurį elementą, galėsite jį valdyti ::marker. Čia

      elementai yra sunumeruoti, kurie sujungia CSS skaitiklių idėją:

      Žymekliai vis dar yra sąrašo žymekliai, todėl jiems taikomi tokie dalykai kaip list-style-position.

      Susijęs

      Straipsnis 2020 m. Gegužės 5 d

      Išvardykite stiliaus receptus

      Chrisas Coyier

      Daugiau informacijos

      • Spec

      Naršyklės palaikymas

      Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.

      Darbalaukis

      „Chrome“ „Firefox“ T.Y Briauna „Safari“
      86 68 Ne 86 11.1

      Mobilusis / planšetinis kompiuteris

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