伪元素选择器

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

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;        }