伪类:将特殊的效果添加到特定选择器上。它是已有元素上添加类别的,不会产生新的元素。例如:
a:hover{color:#FF00FF;}
伪元素:在内容元素的前后插入额外的元素或样式,但是这些元素实际上并不在文档中生成。它们只在外部显示可见,但不会在文档的源代码中找到它们。例如:
p::before{content:"第一章";}
总结:伪类是用过在元素选择器上加入伪类改变元素状态,而伪元素通过对元素的操作进行元素的改变。
伪类:将特殊的效果添加到特定选择器上。它是已有元素上添加类别的,不会产生新的元素。例如:
a:hover{color:#FF00FF;}
伪元素:在内容元素的前后插入额外的元素或样式,但是这些元素实际上并不在文档中生成。它们只在外部显示可见,但不会在文档的源代码中找到它们。例如:
p::before{content:"第一章";}
总结:伪类是用过在元素选择器上加入伪类改变元素状态,而伪元素通过对元素的操作进行元素的改变。
本文标题:[前端]伪元素和伪类的区别?
本文链接:https://www.haomeiwen.com/subject/eanoartx.html
网友评论