CSS选择器的总结

一、伪元素

1.1 :before和:after

/*display默认是inline*/
div:after{
  content: "content属性必须写";
}

在什么地方插入？在元素内部的最前面或者最后面插入，默认是inline的形式。一般利用:after可以解决高度塌陷，代码如下

.clearfix:after{
  content: "";
  display: block;
  visibility: hidden;  
}
.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
}