【八股系列】CSS伪类和伪元素区别？

🎉 博客主页：【剑九 六千里-CSDN博客】
🎨 上一篇文章：【谈一谈对重绘和回流的理解？】
🎠 系列专栏：【面试题-八股系列】
💖 感谢大家点赞👍收藏⭐评论✍

• 伪类：它们选择并为元素的特定状态设置样式，例如 :hover、:focus、:active 或 :visited。它们以冒号 (:) 开头。
• 伪元素：它们选择并为元素的特定部分设置样式，例如 ::before、 ::after、 ::first-line 或 ::first-letter。它们以双冒号 (::) 开头。

总结一下，伪类选择并为元素的特定状态设置样式，而伪元素选择并为元素的特定部分设置样式。

代码示例：

/* 选择鼠标悬停在链接上时 */
a:hover {
  color: red;
}

/* 选择段落的第一行 */
p::first-line {
  font-weight: bold;
}

/* 选择段落的第一个字母 */
p::first-letter {
  text-transform: uppercase;
}