css五大选择器 伪类选择器和伪元素选择器的区别?

伪类选择器和伪元素选择器的区别?伪元素和伪类之所以如此容易混淆,是因为它们具有相似的效果和相似的编写方法。实际上,为了区分它们,CSS3明确规定伪类用冒号表示,伪元素用两个冒号表示。伪类选择器,伪类和

伪类选择器和伪元素选择器的区别?

伪元素和伪类之所以如此容易混淆,是因为它们具有相似的效果和相似的编写方法。实际上,为了区分它们,CSS3明确规定伪类用冒号表示,伪元素用两个冒号表示。

伪类选择器,伪类和伪元素的区别?

Pseudo class应该写成:WeiLei Pseudo element应该写成:weiyuansu

但是当前面的规范不清楚时,伪元素和伪类写为:weiyuansu:WeiLei

为了与过去的编写兼容

所以伪元素写为引号伪元素主要包括:e:第一个字母/e::第一个字母e:第一行/e::第一行e:之前/e::之前e:之后/e::之后e::占位符e::selection

伪类主要包括:e:link e:visited e:hover e:active e:focus e:lang(FR)e:not(s)e:root e:first child e:last child e:only child e:nth child(n)e:nth last child(n)e:first of type e:last of type e:only of type e:nth of type(n)e:nth last of type(n)e:empty e:checked e:enabled e:target@页码:首页:左@页码:右

单冒号和双冒号主要用来区分伪元素和伪类

简而言之,伪类是针对CSS的,伪元素是针对HTML的。伪类选择器是CSS选择器之一,而伪类是一个“伪”HTML标记。伪类(selector)本质上是为了弥补传统CSS选择器的缺点,以获得更多的信息。伪元素本质上是创建一个包含内容的虚拟容器。在CSS3中,pseudo类和pseudo元素被用来创建一个虚拟容器,其中的内容语法被进一步调整(一个冒号和两个冒号);在开发中,可以同时使用多个pseudo类,但只能同时使用一个pseudo元素。