:: işaretleyici - CSS Hileleri

Anonim

::marker Sözde eleman, bir liste elemanının üslup markeri şekillendirme içindir. Örneğin, bir varsayılanın madde işareti

    (örneğin •) veya bir temerrüdün rakamı
      (örneğin 1.). Bu, onları renklendirmek gibi basit şeyleri yapmayı son derece kolaylaştırır.

      Sözde bir öğe gibi, ::markerincelemek için DevTools'ta seçim yapabilirsiniz , ancak bu, normal bir öğe gibi gerçekten "DOM'da" değildir.

      Chrome DevTools ::markersözde öğeyi seçer ve stilleri gösterir.

      İşaretçinin ne olduğunu değiştirmek ::markeriçin contentözellik ile birleştirebilirsiniz . Örneğin, liste madde işaretlerini emoji ile değiştirmek:

      display Özelliği list-itemherhangi bir öğe üzerinde değiştirirseniz, onun ::marker. Buraya

      CSS sayaçları fikrini birleştiren öğeler numaralandırılmıştır:

      İşaretçiler hala liste işaretçileridir, bu nedenle gibi şeylere tabidir list-style-position.

      İlişkili

      5 Mayıs 2020 tarihli makale

      Tarz Tariflerini Listele

      Chris Coyier

      Daha fazla bilgi

      • Teknik Özellikler

      Tarayıcı Desteği

      Bu tarayıcı destek verileri, daha fazla ayrıntıya sahip olan Caniuse'den alınmıştır. Bir sayı, tarayıcının özelliği o sürümde ve sonrasında desteklediğini gösterir.

      Masaüstü Bilgisayar

      Krom Firefox IE Kenar Safari
      86 68 Hayır 86 11.1

      Mobil / Tablet

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