一、区别： （1）伪元素主要是用来创建一些不存在原有dom结构树种的元素，例如：用::before和::after在一些存在的元素前后添加文字样式等，这些被添加的内容会以具体的UI显示出来，被用户所看到的，这些内容不会改变文档的内容，不会出现在DOM中，不可复制，仅仅是在CSS渲染层加入 ...

css中的伪类和伪元素总是混淆，今天参考了很多资料，也查看了部分文档，现将伪类及伪元素总结如下： 一、由来： 　　伪类和伪元素的引入都是因为在文档树里有些信息无法被充分描述，比如CSS没有“段落的第一行”、“文章首字母”之类的选择器，而这在一些出版场景里又是必须的，这一情况下出现的。引用标准中 ...

css选择器常见包括id（#id）、标签（tag）、class（.class）、属性[attr=attrval]等，还包括伪元素和伪类选择器。正确的利用伪元素和伪类能够让我们的html结构更清晰合理，也能在一定程度上减少js对dom的操作！ 定义 伪类包含两种：状态伪类和结构性伪类。 状态伪 ...

伪类与伪元素的区别   在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义，而二者在语法是一样的，都是以:开头，这造成很多人会将某些伪元素误认为是伪类，如:before，:after；而在CSS3给出的定义中，二者区别更为明显，也更容易理解。 一、定义 伪类 ...

一、什么是伪类、伪元素呢？ 伪类：伪类对元素的分类是基于特征，而不是基于元素的名字属性或是内容。特征并不可以通过DOM树直接获得。 （伪类选择器就是不存在与HTML文档中，但是用CSS语法可以选择它们，并对其能够渲染修饰） 伪元素：伪元素创造文档语言能够指定的文档树之外的抽象 ...

伪类与伪元素的特性及其区别： 伪类本质上是为了弥补常规CSS选择器的不足 伪元素本质上是创建了一个有内容的虚拟容器 CSS3中伪类和伪元素的语法不同； 伪类 :link :hover 伪元素 ::before ::after (伪类单冒号,伪 ...

伪类用于选择DOM树之外的信息，或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素，比如:visited，:active；后者包含那些满足一定逻辑条件的DOM树中的元素，比如:first-child，:first-of-type，:target。 （相当于一个特殊的class ...

1、类选择器：class名 =>p.info {} //选择class为info的所有p元素 2、id选择器： id名 => #info {} //选择id为info的元素 不能为多个元素同时设置相同的id 3、标签选择器：标签名 => div {} //选择所有 ...