前端学习总结【101天】：CSS-伪类和伪元素的区分

随便说说今天是我前端学习之旅的第101天。我读了一篇详细解释CSS属性的好文章——伪类和伪元素的区别。打算自己复习一下，写个精简版，方便记忆和学习。元素：focus-样式添加到焦点元素:hover-样式添加到悬停在鼠标上的元素:link-样式添加到尚未访问的链接:visited-样式添加到已访问的链接：first-child——样式添加到第一个子元素：lang——样式添加到指定lang语言的标签2.伪元素类型：first-letter——样式添加到文本的第一个字母:first-line——styleisaddedto第一行文字：before——样式添加到元素之前：after——样式添加到元素之后三、两者的区别1、如果是伪类设置成这样p:first-child{color:red;}

相当于.test{color:red;2.如果伪元素伪元素这样设置p:first-letter{color:red;}相当于span{color:red;}四、总结伪的效果-class需要一个实际的类来实现，伪元素需要一个实际的元素来实现。伪类一次可以使用多个，而伪元素一次只能使用一个。伪类使用a:伪元素使用::为了兼容性，使用：