|
類選擇器在style中的寫法： .類選擇器名字 注意前面有個點(diǎn) 在body中的寫法： class="類選擇器名字" 通常為了減少代碼量，使代碼更簡潔，機(jī)智的程序員們會選擇調(diào)用已有的符合條件的樣式，而若一個標(biāo)簽需要多個樣式，或存在包含關(guān)系，則要考慮用多個類選擇器。請看下面的幾種情況： 一、 一個標(biāo)簽使用多個類選擇器 <style type="text/css"> <div class='a b'>這是類選擇器同時采用a和b的div標(biāo)簽</div> </body> 運(yùn)行結(jié)果如下圖所示： class為同時采用a和b的標(biāo)簽，顏色為后面的顏色綠色，如果兩個選擇器有相同的屬性值， 則以最后一個屬性值為準(zhǔn)。字體大小為a中設(shè)定的值。 然而ID選擇器則不能像類選擇器一樣一起使用，把class改為id，代碼如下： <head> </body> 運(yùn)行結(jié)果如下圖： 同時采用a和b標(biāo)簽，則沒有效果，說明在id選擇器中，不能像類選擇器一樣同時使用 二、兩類選擇器之間有無空格 <head> 運(yùn)行結(jié)果如下： （1）.a.b中間沒有空格，代表同時包含a 和 b樣式。 而第一個div標(biāo)簽正是采用了兩者，表現(xiàn)出來為字體變化。 （2）.a .b中間有空格，代表a包含b。 而class 為a的div標(biāo)簽正好包含class為b的標(biāo)簽， 被包含的標(biāo)簽背景顏色為粉色。 |
|
|
