css經常使用選擇器

CSS經常使用選擇器：標籤選擇器，類選擇器，ID選擇器，派生選擇器，子選擇器，組合選擇器

1：標籤選擇器：若是是一個聲明，則不須要帶分號，若是是多個聲明，則最後一個聲明不須要帶分號

h1{
    color: red
}

h1{
    color: red; font-size: 14px
}

二、類選擇器：在CSS裏用一個點開頭表示類別選擇器定義，全部類的選擇器的名字以一點開始，在句點後面必須以字母開始，類名中容許使用字目，數字，連字號」-「和下劃線」_」，類名分大小寫，類選擇器能夠單獨使用，也能夠也能夠與其餘元素結合使用。

.important {color:red;}

*.important {color:red;}

結合其餘元素使用

p.important {color:red;}

選擇器如今會匹配class 屬性包含 important 的全部 p 元素，可是其餘任何類型的元素都不匹配，不管是否有此 class 屬性。

 

三、id選擇器：id 選擇器能夠爲標有特定 id 的 HTML 元素指定特定的樣式。 id 選擇器以 "#" 來定義。

 #red {color:red;}  #green {color:green;}

id選擇器只能用一次。 id 選擇器和派生選擇器 

#sidebar p {font-style: italic;text-align: right;margin-top: 0.5em;}

上面的樣式只會應用於出如今 id 是 sidebar 的元素內的段落。 即便被標註爲 sidebar 的元素只能在文檔中出現一次，這個 id 選擇器做爲派生選擇器也能夠被使用不少次： 

#sidebar p{
    font-style: italic; text-align: right; margin-top: 0.5em;
}
#sidebar h2{
    font-size: 1em;font-weight: normal; font-style:italic;   margin: 0;line-height: 1.5;text-align: right;
}

給標籤內的標籤訂義樣式。 派生繼承器 

h1  strong{
    color:red;
}

只有當<strong>出如今<h1>標籤裏才改變顏色。 沒有出如今<h1>標籤內的<strong>事件則不會受到影響。

子選擇器：子選擇器（child selector）僅是指它的直接後代

#links>a{
    color:blue;
}

組合選擇器  在對多個元素應用相同的樣式，容許組合多個選擇器，用逗號將它們分開。

 h1,h2,h3,h4  {  
    color:red;
}