伪元素（用双冒号好区分，其实也能用单冒号）

伪元素（用双冒号好区分，其实也能用单冒号）

1. ::before:在之前

   /* 作为子元素添加 */
   h1::before{
       content: '在之前';
       color: aqua;
   }
   

2. ::after:在之后

   h1::after{
       content: '在之后';
       color: aqua;
   }
   

3. ::first-line:选中第一行

   /* 选中第一行 */
   p::first-line{
       color: blueviolet;
   }
   

4. ::first-letter:选中第一个字

   /* 选中第一个字 */
   p::first-letter{
       font-size: 30px;
       color: brown;
   }
   

5. ::selection:选中用户选中的区域

   /* 选中用户选中的区域 */
   p::selection{
       background-color: chartreuse;
       color: cornflowerblue;
   }