css中::指什么意思?

css中::(2个冒号)指的是伪元素,是CSS3为了区分伪类和伪元素而指定的表现形式。CSS伪元素是用来添加一些选择器的特殊效果。

css的伪元素,之所以被称为伪元素,是因为他们不是真正的页面元素,html没有对应的元素,但是其所有用法和表现行为与真正的页面元素一样,可以对其使用诸如页面元素一样的css样式,表面上看上去貌似是页面的某些元素来展现,实际上是css样式展现的行为,因此被称为伪元素。如下图,是伪元素在html代码机构中的展现,可以看出无法伪元素的结构无法审查。

说明:

单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。

但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼容性的问题,我们在书写时应该尽可能养成好习惯,区分两者。

双冒号是在当前规范中引入的,用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存 在的伪元素写法,比如:first-line、:first-letter、:before、:after等,而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。

:before和::before的区别

:before和::before都是css的伪元素,都可以在元素内容的前面添加内容;两者的写法是等价的,也就是 :before ==::before。之间有什么区别?

  1. :befor是css2的写法,::before是css3的写法,出现在css3中是为了区分伪类选择器,比如:hover等

  2. :before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css中::指什么意思?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读