伪元素定义
概念:在当前元素内容的前面或者后面追加一个虚拟的标签
特点:
- 伪元素由CSS渲染,不会增加DOM开销;
- 伪元素默认为行内样式,可以转化成块级处理;
- 伪元素官方推荐写成双冒号但为了兼容,写成单冒号;
- 伪元素是CSS渲染,js获取不到;
伪元素清除浮动
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.clearfix:before,
.clearfix:after{/* 声明清除浮动的样式 */
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.clearfix{/* ie67专门清除浮动的样式 */
*zoom: 1;
}
</style>
</head>
<body>
<div class="clearfix">
</div>
</body>
</html>