目錄

正文

1. CSS選擇器 class、id的用法

<div class="css css_class">內(nèi)容背景將是白色</div>  
<div class="css" id="css_id">內(nèi)容背景將是紅色</div>  

.css{ width:100px; height:100px; border:1px solid #000; float:left; } 
.css_class{ background:#FFF;}    /* 背景白色 */ 
#css_id{ background:#FF0000;}  /* 背景紅色 */ 

2. CSS中多個(gè)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;
}

這兩種寫法是有區(qū)別的。
前者表示：對(duì)A下面的B樣式進(jìn)行修改。
而后者表示：對(duì)A和B兩者的樣式都進(jìn)行修改。