【前端】伪元素选择器 、after和before伪元素

伪元素选择器 “ : : ”

比如说

p::first-letter {  选择第一个字
        font-size: 100px;
    }
    p::first-line {  第一行
        color: red;
    }
    p::selection {  /*选择文字时候的状态*/
        background-color: pink;
        color: yellow;

使用before和after双伪元素清除浮动

这是空元素的升级版，好处是不用单独加标签了

after可以在之后加入新内容，before在前面加内容，但是一定要加content属性，尽量 content:"." 里面加一个小点，或者其他，尽量不要为空，否则再firefox 7.0前的版本会有生成空格

使用方法：

.clearfix:before,.clearfix:after {
  content:"";
  display:table;  /* 这句话可以出发BFC*/
}
.clearfix:after {
 clear:both;
}
.clearfix {
  *zoom:1;
}

原文地址：https://www.cnblogs.com/Kighua/p/11570303.html