知识点补充

实例讲解

答疑

.c1 .c2 .c8{

}

.c1 .item{

}

.c2 .item{

}

<div class='c1'>

　　<div class='item'></div>

　　<div class='item'></div>

　　<div class='item'></div>

</div>

<div class='c2'>

　　<div class='item'></div>

　　<div class='item'></div>

　　<div class='item'></div>

</div>

注意如果写

.item{

}

就是把所有的item的样式都设置成一样。

但是如果是

.c1 .item{

}就只设置c1里面的item了。

如果是：

.c2 .item{

}

这样的话就是.c2的item，所以不会把.c1的item给设置了。

注意插件是可以独立存在的。

.box1{

}

<div>

　　<div class="box1"

</div>

对于公共的插件，不需要太多的包含，只需要将它放置在最外面就可以了。

也就是写CSS样式的时候，有两种情况，一种是一般情况，一种是公共插件的情况。

clear:both

a.float:left

b.div clear:both

.c{

　　background-color:red;

}

.c .item{

　　float:left;

　　width:30px;

}

body里面有的是：

<div class='c'>

<div class='item'>123</div>

<div class='item'>456</div>