Apa arti tanda titik dua ( ::
) di CSS?
Sebagai contoh:
input[type=text]::-ms-clear { display: none; }
Itu berarti pemilih elemen semu . Artinya elemen di sebelah kanan tidak ada di DOM normal, tetapi bisa dipilih.
Sebuah pseudo-element dibuat dari dua titik dua (: :) diikuti dengan nama dari pseudo-element.
Itu awalnya hanya usus tunggal, tetapi diubah untuk membedakannya dari kelas semu (seperti :hover
, :first-child
, :not
dll). Yang terbaik adalah menggunakan elemen :
for before
dan after
pseudo karena titik dua memiliki dukungan browser yang lebih baik, yaitu di versi IE sebelumnya.
The ::
Operator menunjukkan Anda memilih elemen semu , salah satu yang tidak benar-benar ada sebagai elemen tetapi masih dapat ditargetkan untuk styling.
Contoh ini mencakup beberapa implementasi khusus vendor seperti -ms-clear
contoh yang Anda berikan, sebagian besar browser juga memiliki elemen pseudo untuk mengatur gaya bilah gulir dan elemen UI bawaan lainnya, tetapi ada juga banyak elemen pseudo yang telah ditentukan sebelumnya yang dapat dirujuk untuk alasan praktis, seperti first-line
dan first-letter
.
The :before
dan :after
semu elemen bahkan memungkinkan Anda untuk memasukkan konten yang sebenarnya ke dalam halaman dengan menggunakan CSS dengan content
aturan.
CSS3 mengubah cara pseudo-elemen dipilih, karena W3C ingin membedakan pseudo-class seperti a:visited
dari pseudo-elemen sejenisnya p::first-line
. Lihat Pemilih CSS Tingkat Lanjut .