css3中的伪元素和伪类的区别，css中伪类和伪元素选择器

css中什么是伪类和伪元素??通俗点

1、伪类是CSS（层叠样式表）中的一种选择器，用来选择元素的特定状态或特定位置。他们可睁宏粗以在选择器后面使用冒号（：）来表示。伪类的作用有标记特定状态的元素、根据元素位置选择元素、根据元素是否拥有特定属性选择元素等。

2、伪类其实是弥补了CSS选择器的不足，用来更方便地获取信息。HTML：CSS：浏览器：查看元素面板：而伪元素本质上是创建了一个虚拟容器(元素)，我们可以在其中添加内容或样式。

3、伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的属性。

4、伪类是类似于添加类所以可以是多个，而伪元素在一个选择器中只能出现一次，并且只能出现在末尾，可以同时使用多个伪类，而只能同时使用一个伪元素，CSS3中伪类和伪元素的语法不同，伪类link，hover，伪元素before，after。

伪类和伪元素的区别是什么?

伪类和伪元素的最大区别就在于有没有创建一个文档树以外的元素。伪元素创建了一个文档 树以外的元素并为他添加样式，这个容器不包含任何DOM元素但是可以包含内容。

除了上面这个本质区别以外，在CSS3中：伪类用单冒号：表示；而伪元素用双冒号：表示。一个选择器可以同时使用多个伪类(但有的伪类会互斥)；而一个选择器只能同时使用一个伪元素(未来的版本可能会支持多伪元素)。

伪类和伪元素在作用上都可以说是在某些选择器添加特殊样式。至于他们的区别和相关应用，我们可以看伪类和伪元素分别都包含什么。

与伪类针对特殊状态的元素不同的是，伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。

什么是伪类?伪类的作用是什么?

1、大致翻译过来的意思就是：伪类存在的意义是为了通过选择器，格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。通过上面的概念我们知道了伪类的功能有两种：格式化DOM树以外的信息。

2、CSS伪类(Pseudoclasses)是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是selector：pseudoclass{property：value；}，简单地用一个半角英文冒号(：)来隔开选择符和伪类。

3、伪类（pseudo-class）是 CSS 选择器的一种特殊类型，它允许你根据元素的状态或位置来应用特定样式，而无需为元素添加额外的 class 或 id。伪类以冒号（：）开头，后跟伪类名称。

4、CSS伪类指的是用于选择网页文档中某些特定状态或位置的选择器。比如：hover伪类用于选择用户悬停在某个元素上的状态，：active伪类用于选择用户在点击某个元素时的状态。

5、伪类一开始单单只是用来表示一些元素的动态状态，典型的就是链接的各个状态(LVHA)。随后CSS2标准扩展了其概念范围，使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类。

6、伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是selector：pseudo class { property： value； }，简单地用一个半角英文冒号（：）来隔开选择符和伪类。

css3中的伪元素和伪类的区别的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中伪类和伪元素选择器、css3中的伪元素和伪类的区别的信息别忘了在本站进行查找喔。