伪类

解构伪类

• :root 根元素
• :empty 空元素
• :first-child 第一个子元素
• :first-of-type 同类型的第一个子元素
• :last-child 最后一个子元素
• :last-of-type 同类型中的最后一个子元素
• :nth-child 第n个子元素
• :nth-of-type 同类型中第n个子元素
• :nth-last-child 倒数第n个元素
• :nth-last-of-type 同类型中倒数第n个元素
• :only-child 唯一的子元素
• :only-of-type 同类型中唯一的子元素

---

否定伪类

• :not 否定伪类，除了某些元素

  p:not(.p1){
      color: tomato;
  }

---

伪元素

• 伪元素表示的是页面中特殊的位置
• 伪元素使用::开头
  • ::before 元素的开始位置（开始标签之后）
  • ::after 元素的结束位置（结束标签之前）
  • ::first-letter 首字母
  • ::first-line 第一行
  • ::selection 选中的文字的样式
• 通过before、after可以选中元素开始或结束的位置，从而为其添加内容
  • 注意：这里的内容是通过CSS添加的！不算是网页中的正式内容
    1. 通过它可以为元素添加一些统一的符号
    2. 也可以在特殊场景下通过它们来调整一下页面的样式