css選擇器有哪幾種 標(biāo)簽選擇器有哪些?
標(biāo)簽選擇器有哪些?1. 標(biāo)簽名選擇器div{color:Red}/即頁面中每個標(biāo)簽名的CSS樣式2。班級選擇器.divclass{ 顏色:紅色}/也就是說,CSS樣式在類中定義的每個標(biāo)記3。ID選擇器
標(biāo)簽選擇器有哪些?
1. 標(biāo)簽名選擇器div{color:Red}/即頁面中每個標(biāo)簽名的CSS樣式
2。班級選擇器.divclass{ 顏色:紅色}/也就是說,CSS樣式在類中定義的每個標(biāo)記
3。ID選擇器#mydiv{顏色:紅色}/頁面中標(biāo)記的ID
4。后代選擇器(類選擇器的后代選擇器)。類span{顏色:紅色}/換言之,多個選擇器以逗號格式命名,以查找確切的標(biāo)簽
CSS的類選擇器和id選擇器各有什么優(yōu)勢,在實際開發(fā)中的情況是什么樣的?
ID用于標(biāo)識頁面上的特定元素(如站點導(dǎo)航),并且必須是唯一的。IDS還可以用來標(biāo)識持久的結(jié)構(gòu)元素,比如主導(dǎo)航或內(nèi)容區(qū)域。ID還可以用于標(biāo)識一次性元素,例如鏈接或表單元素。ID只能應(yīng)用于頁面上的一個元素。
Class相同的類名可以應(yīng)用于頁面上任意數(shù)量的元素,因此該類更強(qiáng)大。類非常適合表示內(nèi)容或其他類似項的類型。
在實際開發(fā)中,我們應(yīng)該根據(jù)實際情況決定使用哪種風(fēng)格。對于單個界面中單個元素的顯示樣式,建議使用ID。如果有多個公共接口,或者同一接口的多個元素具有相同的樣式,那么使用class類就方便多了。
下面是一個簡單的示例:
顯示效果: