常用样式(浮动清除)

555 阅读1分钟

最好的清除浮动方式

.clearfix::before,
.chearfix::after{
    content:"";
    display:block;
    line-height:0;
    visibility:hidden;
    clear:both;
}
.clearfix:{
    *zoom:1;/*兼容ie6-7*/
}

1、以上为什么没有采用 : 而是采用 :: ,各位小伙伴有没有想过?首先回顾一下

:是伪类
::是伪元素
那么当有一种最最最简单的清楚浮动的方式:新加一个无用的标签元素,添加clear:both;即可清除浮动,
所以在此我觉得使用::更为合适

2、也有这些情况,一些是css2的写法,一些是css3写法,如:before是css2的写法,::before是css3写法。 3、写到这里了补充一下伪类:

:active :hover :link :visited :first-child :lang :focus :disble :checked :target等等等...

4、伪元素:

::bofore  ::after  ::first-letter ::first-line  ::selecttion
注意的是:一定配合content属性使用
反正就是js获取不到的或者说操作不了,不能当作选择器用的(不知道我这样简单粗暴的想有没有错)