一、類選擇器
語法:
.類選器名稱{css樣式代碼;}
注意:
1、英文圓點開頭
2、其中類選器名稱可以任意起名(但不要起中文噢)
使用方法:
第一步:使用合適的標(biāo)簽把要修飾的內(nèi)容標(biāo)記起來矾睦,如下:<span>膽小如鼠</span>
第二步:使用class="類選擇器名稱"為標(biāo)簽設(shè)置一個類,如下:<span class="stress">膽小如鼠</span>
第三步:設(shè)置類選器css樣式颓芭,如下:.stress{color:red;}
/*類前面要加入一個英文圓點*/
二顷锰、ID選擇器
在很多方面柬赐,ID選擇器都類似于類選擇符亡问,但也有一些重要的區(qū)別:
1、為標(biāo)簽設(shè)置id="ID名稱"肛宋,而不是class="類名稱"州藕。
2、ID選擇符的前面是井號(#)號酝陈,而不是英文圓點(.)床玻。
三、類和ID選擇器的區(qū)別
相同點:可以應(yīng)用于任何元素
不同點:
1沉帮、ID選擇器只能在文檔中使用一次锈死。與類選擇器不同,在一個HTML文檔中穆壕,ID選擇器只能使用一次待牵,而且僅一次。而類選擇器可以使用多次喇勋。
2缨该、可以使用類選擇器詞列表方法為一個元素同時設(shè)置多個樣式。我們可以為一個元素同時設(shè)多個樣式川背,但只可以用類選擇器的方法實現(xiàn)贰拿,ID選擇器是不可以的(不能使用 ID 詞列表)。