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