CSS 选择器 权重 特性

1、css 选择器有哪些？

类选器（class）,id选择器，标签选择器，通配符选择器（*）,伪元素选择器，子选择器 ul > li，分组选择器 （class,div,li { }），后代选择器（li a{ }）;

2、ccs 权重 。

! important > 行内样式 style > id 选择器 > 类选择器 > 标签选择器 > 通配符选择器（*）

3、浮动 float

float:left 左浮动，right*右浮动

pc端布局 ： 多个相同大小的盒子进行布局。 浮动只会影响后面的标准流。

不确定父盒子高度的情况下，需要根据子盒子的数量，内容自适应大小。不给父子盒子高度，子盒子就会撑开父亲的高度。 但是浮动的子盒子是不占位置的，父盒子高度就会为0，需要特殊处理：清除浮动。

4、清除浮动的方法 父亲没有高度，子元素浮动的情况下需要清除浮动。

(1)额外标签法 ： 在最后一个浮动元素后面加一个标签,这个标签必须是个块级元素。

< div></div>

(2)父标签添加类名法：

<div style="overflaow : hidden"></div>
/*或者  */
 <div style="overflaow : auto"></div>

(3) 伪元素法：" class: after "

 <div class="clearfix "></div> 
<style>

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;    
 }
//如果是IE6/7,除了上面的代码外，需要加下面这段代码
.clearfix {
*zoom：1
}
</style>

(4)双伪元素法

//父元类名：clearfix  
.clearfix:before, .clearfix:after {
    content: "";
    dispaly: table;
},
.clearfix:after {
    clear: both;
}

//如果是IE6/7,除了上面的代码外，需要加下面这段代码
.clearfix {
*zoom：1
}

5、css的特性？三大特性

层叠性：样式会覆盖。

继承性：子元素样式继承父元素的一些样式。

优先级： 样式有优先级。