前端伪元素选择器 after和before伪元素

Posted 2022-11-25 kighua

伪元素选择器 “ : : ”

比如说

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;