css伪元素选择器

伪元素：用于创建一些不在文档树中的元素，并为其添加样式

单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素

常见的伪元素选择器：
  ::first-letter 选择元素文本的第一个字母。
  ::first-line 选择元素文本的第一行。
  ::before 在元素内容的最前面添加新内容。（常用）
  ::after 在元素内容的最后面添加新内容。（常用）
  ::selection匹配用户被用户选中或者处于高亮状态的部分
  ::placeholder匹配占位符的文本，只有元素设置了placeholder属性时，该伪元素才能生效

::before 在元素内容的最前面添加新内容 用法：

例：在div盒子中最前面加一个红色的左边框

<div>123</div>          div::before{display:inline-block;content:'';width:2px;height:5px;border-left-color:red}//盒子就有一个左外边框 content内容必须要有的属性 display:inline-block转为行内块 因为伪元素本身是行内元素 不可设置宽高的属性

  ::after 在元素内容的最后面添加新内容。用法与::before一致