css3伪类和伪元素区别（css3的伪类和伪元素）

CSS3中的伪类和伪元素都是用来修饰元素的，但是两者是有区别的。

伪类：以":"为前缀，用来修饰元素的某种状态或行为。如下面的例子：a:hover{
    color:red;
}
表示当鼠标悬停在超链接上时，改变字体的颜色为红色。

常用的伪类有：hover（悬停）、active（激活）、visited（已访问）、hover active（悬停激活）等。

伪元素：以"::"为前缀，用来为元素的某个部分设置样式。如下面的例子：p::first-letter{
    font-size:2em;
}
    表示将段落的首字母的大小设置成2em。

常用的伪元素有：before（元素前面插入内容）、after（元素后面插入内容）、first-letter（第一个字母）、first-line（第一行）等。

需要注意的是，在CSS2中，伪元素前缀只能使用一个冒号（":"），而在CSS3中，必须使用两个冒号（"::"）。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！