目录
正文
1. CSS选择器 class、id的用法
<div class="css css_class">内容背景将是白色</div>
<div class="css" id="css_id">内容背景将是红色</div>
.css{ width:100px; height:100px; border:1px solid #000; float:left; }
.css_class{ background:#FFF;} /* 背景白色 */
#css_id{ background:#FF0000;} /* 背景红色 */
2. CSS中多个class样式不同写法代表不同的含义
HTML:
<div class="containerA">
这是A样式
<div class="containerB">
这是B样式
</div>
</div>
CSS:
.containerA .containerB{
color: red;
font-size: 28px;
}
.containerA,.containerB{
color: red;
font-size: 28px;
}
这两种写法是有区别的。
前者表示：对A下面的B样式进行修改。
而后者表示：对A和B两者的样式都进行修改。
