伪元素选择器

在一个元素中，如果想给这个元所有子元素的最前面和最后面添加一些内容，该怎么办呢？有两种方法。

1. 在HTML代码中，找到该元素，直接添加想添加的内容。

    <div>
       <p>你好</p>
       我是div
       <p>Hello</p>
    </div>

2. 使用伪元素选择器，格式如下：

   要添加内容的标签::before/after {
      content: "内容";/*要添加的内容*/
      属性名称: 值; /*和其他标签属性一样。*/
      /*可以设置显示模式，块级，行内，行内块级，如果不设置显示模式，默认是行内元素*/
   }

   实现与方法一中一样效果的代码：

           div::before {
               content: "你好";
               display: block;
           }
           div::after {
               content: "Hello";
               display: block;
           }