伪类：用于已有元素处于某种状态时为其添加对应的样式，这个状态是根据用户行为而动态变化的。
例如：当用户悬停在指定元素时，可以通过:hover来描述这个元素的状态，虽然它和一般css相似，可以为已有元素添加样式，但是它只有处于DOM树无法描述的状态下才能为元素添加样式，所以称为伪类。
伪元素：用于创建一些不在DOM树中的元素，并为其添加样式。例如，我们可以通过:before来在一个元素之前添加一些文本，并为这些文本添加样式，虽然用户可以看见这些文本，但是它实际上并不在DOM文档中。
伪元素：
image.png
伪类：
image.png
伪元素的操作对象是新生成的dom元素，而不是原来dom结构里就存在的；而伪类恰好相反，伪类的操作对象是原来的dom结构里就存在的元素。
伪元素与伪类的根本区别在于：操作的对象元素是否存在于原来的dom结构里。
原文 博客原文 大纲 1、伪元素2、伪类元素3、伪元素和伪类元素的区别4、伪类和伪元素的使用 1、伪元素 伪元素在...
伪类选择器 动态伪类（锚点伪类、用户行为伪类） UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...
1. 什么是伪类和伪元素1.1. 伪类1.2. 伪元素1.3. 伪类与伪元素的区别 2. 使用 1. 什么是伪类和...
伪类【:】 伪元素【::】
伪类 伪元素
伪类和伪元素区别 伪类一个冒号，伪元素两个冒号 一,伪类选择器 伪类性质: 伪类性质:加冒号不会对页面产生布局结...
本文将介绍伪元素和伪类选择器的一些知识，以及在VUE中伪元素的动态数据更新； 伪元素和伪类： 伪元素：在内容元素的...
css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类： css引入伪类和伪元素概念是为了格式化文...
css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类：css引入伪类和伪元素概念是为了格式化文档...
一、伪元素与伪类 1. 常见的伪类 2. 伪元素 二、伪元素（这里只说::before和::after） 1. 了...
本文标题：伪类VS伪元素
本文链接：https://www.haomeiwen.com/subject/ycljhrtx.html
网友评论