18.CSS-伪元素选择器

伪元素选择器

1.什么是伪元素选择器？

伪元素选择器的作用就是给指定标签的内容前面添加一个子元素或者给指定标签的内容后面添加一个子元素。

2.格式

标签名称::before{
属性名称：值；
}
含义：给指定标签的内容前面添加一个子元素。
标签名称::after{
属性名称：值；
}
含义：给指定标签的内容后面添加一个子元素。
例如：

div::before{
      display: block;
      content: "爱你";
      width: 50px;
      height: 50px;
      background-color: pink;
    }
div::after{
      /*指定添加的子元素的显示模式*/
      display: block;
      /*指定添加的子元素中存储的内容*/
      content: "么么哒";
      /*指定添加的子元素的宽度和高度*/
      width: 50px;
      /*height: 50px;*/
      height: 0;
      background-color: pink;
      /*隐藏添加的子元素*/
      visibility: hidden;
    }