css伪元素总结（内附实例）

目录

1. :first-line
2. :first-letter
3. first-child
4. :before与 :after
5. :selection

伪元素是控制内容

1. :first-line

控制第一行的元素样式

2. :first-letter

控制第一个元素的样式

3. first-child

选择属于第一个子元素的元素设置样式

/* 选择第一个孩子是span标签的元素 */
      span:first-child{}

4. :before与 :after

可以设置元素之前之后的内容，并且配合content设置

5. :selection

选中哪些哪些样式发生变化

  p::selection {
           color: pink;
       }