:: điểm đánh dấu - Thủ thuật CSS

Anonim

Phần ::marker tử giả là để tạo kiểu cho điểm đánh dấu phong cách của phần tử danh sách. Ví dụ: dấu đầu dòng của một

    (ví dụ: •) hoặc số mặc định
      (ví dụ: 1.). Điều này giúp bạn dễ dàng thực hiện những việc đơn giản như tô màu chúng.

      Giống như một phần tử giả, bạn sẽ có thể chọn ::markertrong DevTools để kiểm tra, nhưng nó không thực sự “trong DOM” như một phần tử bình thường.

      Chrome DevTools chọn ::markerphần tử giả và hiển thị các kiểu.

      Bạn có thể kết hợp ::markervới thuộc contenttính để thay đổi điểm đánh dấu. Ví dụ: thay thế dấu đầu dòng danh sách bằng biểu tượng cảm xúc:

      Nếu bạn thay đổi thuộc display tính list-itemtrên bất kỳ phần tử nào, bạn có thể kiểm soát thuộc tính đó ::marker. Đây

      các phần tử được đánh số, kết hợp ý tưởng về bộ đếm CSS:

      Các điểm đánh dấu vẫn là điểm đánh dấu danh sách, do đó, tùy thuộc vào những thứ như list-style-position.

      Có liên quan

      Bài viết ngày 5 tháng 5 năm 2020

      Liệt kê công thức kiểu

      Chris Coyier

      Thêm thông tin

      • Spec

      Hỗ trợ trình duyệt

      Dữ liệu hỗ trợ trình duyệt này là từ Caniuse, có nhiều chi tiết hơn. Một con số cho biết rằng trình duyệt hỗ trợ tính năng ở phiên bản đó trở lên.

      Máy tính để bàn

      Trình duyệt Chrome Firefox I E Cạnh Safari
      86 68 Không 86 11.1

      Di động / Máy tính bảng

      Chrome dành cho Android Android Firefox Android iOS Safari
      88 85 81 11,3-11,4