css中伪类和伪元素有什么区别
程序员文章站
2022-03-03 16:21:24
...
一、定义区别
(推荐教程:css快速入门)
伪类
伪类用于选择DOM树之外的信息,或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如 :visited,:active;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:first-of-type,:target。
伪元素
伪元素为DOM树没有定义的虚拟元素。不同于其他选择器,它不以元素为最小选择单元,它选择的是元素指定内容。比如::before表示选择元素内容的之前内容,也就是"";::selection表示选择元素被选中的内容。
二、语法区别
在CSS3中,伪类与伪元素在语法上也有所区别,伪元素修改为以::开头。但因为历史原因,浏览器对以:开头的伪元素也继续支持,但建议规范书写为::开头。
以上就是css中伪类和伪元素有什么区别的详细内容,更多请关注其它相关文章!
上一篇: 详解CSS中的选择器和优先级
下一篇: CSS元素选择器的运作原理介绍