CSS中的双冒号(::)意味着什么？

Question

双冒号(::)在CSS中意味着什么？

例如:

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

Answer 1

它表示伪元素选择器.这意味着右边的元素在普通DOM中不存在,但可以选择.

伪元素由两个冒号(::)后跟伪元素的名称组成.

资源

它最初只有一个冒号,而是改为从区分其伪类(如:hover,:first-child,:not等).最好使用:for before和afterpseudo元素,因为单冒号具有更好的浏览器支持,即在早期的IE版本中.

Answer 2

该::运营商表示你选择一个伪元素,其中一个实际上并不存在的元素,但仍然可以有针对性地进行造型.

这样的示例包括几个特定于供应商的实现,例如-ms-clear您提供的示例,大多数浏览器也具有样式滚动条和其他本机UI元素的伪元素,但是还有许多预定义的伪元素可以出于实际原因而被引用,如first-line和first-letter.

在:before和:after伪元素甚至允许你插入实际内容为使用CSS与网页content的规则.

Answer 3

CSS3改变了伪元素的选择方式,因为W3C希望区分伪类,如a:visited伪元素p::first-line.请参阅高级CSS选择器.