Dấu hai chấm (: :) trong CSS có nghĩa là gì?

Dấu hai chấm ( ::) trong CSS có nghĩa là gì?

Ví dụ:

input[type=text]::-ms-clear { display: none; }

Nó có nghĩa là bộ chọn phần tử giả . Nó có nghĩa là phần tử bên phải không tồn tại trong DOM thông thường, nhưng có thể được chọn.

Phần tử giả được tạo bởi hai dấu hai chấm (: :) theo sau là tên của phần tử giả.

Nguồn

Đó là ban đầu chỉ là một tràng duy nhất, nhưng đã được thay đổi để phân biệt nó từ các lớp học giả (như :hover, :first-child, :notvv). Tốt nhất nên sử dụng các phần tử :for beforevà afterpseudo vì dấu hai chấm đơn hỗ trợ trình duyệt tốt hơn, cụ thể là trong các phiên bản IE trước đó.

Các ::nhà điều hành cho thấy bạn đang lựa chọn một yếu tố giả , một trong đó không thực sự tồn tại như một yếu tố nhưng vẫn có thể được nhắm mục tiêu cho việc tạo kiểu.

Ví dụ về điều này bao gồm một số triển khai dành riêng cho nhà cung cấp, chẳng hạn như -ms-clearmẫu bạn cung cấp, hầu hết các trình duyệt cũng có phần tử giả để tạo kiểu cho thanh cuộn và các phần tử giao diện người dùng gốc khác, nhưng cũng có rất nhiều phần tử giả được xác định trước có thể được tham chiếu vì lý do thực tế, chẳng hạn như first-linevà first-letter.

Các phần tử :beforevà :aftergiả thậm chí còn cho phép bạn chèn nội dung thực tế vào trang bằng cách sử dụng CSS với contentquy tắc.

CSS3 thay đổi cách chọn các phần tử giả, vì W3C muốn phân biệt các lớp a:visitedgiả như với các phần tử giả p::first-line. Xem Bộ chọn CSS nâng cao .