作者:俣宸爸555_872_923 | 来源:互联网 | 2021-09-26 01:18
css快速入门:本文为大家介绍了伪类和伪元素的区别,希望可以帮助到大家。伪类用于选择DOM树之外的信息,或是不能用简单选择器进行表示的信息。伪元素为DOM树没有定义的虚拟元素。
一、定义区别
(推荐教程:css快速入门)
伪类
伪类用于选择DOM树之外的信息,或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如 :visited,:active;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:first-of-type,:target。
伪元素
伪元素为DOM树没有定义的虚拟元素。不同于其他选择器,它不以元素为最小选择单元,它选择的是元素指定内容。比如::before表示选择元素内容的之前内容,也就是"";::selection表示选择元素被选中的内容。
二、语法区别
在CSS3中,伪类与伪元素在语法上也有所区别,伪元素修改为以::开头。但因为历史原因,浏览器对以:开头的伪元素也继续支持,但建议规范书写为::开头。
以上就是css中伪类和伪元素有什么区别的详细内容,更多请关注其它相关文章!