search

zxdfe / FE-Interview

Every step counts
34 stars 1 forks source link

第25题：CSS中伪类和伪元素的区别? #26

Open zxdfe opened 2 years ago

BlueSky-Engineer commented 2 years ago
  1. 伪类是通过在元素选择器上加入伪类改变元素状态
  2. 伪元素通过对元素的操作进行对元素的改变
szgyFE commented 1 year ago

1、伪类和伪元素用于修饰一些不在文档树中的信息 2、伪类用于文档树中已存在的元素处于某个状态时，给它添加样式，这个状态根据用户行为而定（如 :hover） 伪元素用于创建一些不在文档树中的元素并设置样式，可以通过这些元素给DOM元素的某些部分设置样式，但是实际这些伪 元素并没有真正存在文档树中，只是用户能看到这些元素而已(如 ::before）

Lsunlight commented 1 year ago

区别：1、伪类用于已有元素处于某种状态时为其添加对应的样式，而伪元素用于创建一些不在DOM树中的元素并为其添加样式；2、伪元素会创建一个文档树之外的元素，伪类不会；3、伪元素使用双冒号“::”表示，伪类使用单冒号“:”表示。