伪类和伪元素彻底区分

伪类:
伪类和伪元素彻底区分_第1张图片
伪元素:
伪类和伪元素彻底区分_第2张图片

目的:

格式化文档树以外的信息,用于修饰不在DOM树中的元素样式

区别:

伪类服务于已经存在于DOM树结构中的元素
伪类创建一个不存在于DOM树结构中的元素
css3规定:伪类用一个冒号来表示,伪元素用两个冒号来表示

特点:

两者都不存在于DOM树结构中
伪类允许出现在选择器的任何位置,而一个伪元素只能跟在选择器的最后一个简单选择器后面

你可能感兴趣的:(前端)