目录

正文

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两者的样式都进行修改。