css五大選擇器 CSS的類選擇器和id選擇器各有什么優(yōu)勢,在實(shí)際開發(fā)中的情況是什么樣的?
CSS的類選擇器和id選擇器各有什么優(yōu)勢,在實(shí)際開發(fā)中的情況是什么樣的?ID用于標(biāo)識頁面上的特定元素(比如站點(diǎn)導(dǎo)航),而且必須是唯一的。 ID也可以用來標(biāo)識持久的結(jié)構(gòu)性元素,例如主導(dǎo)航或內(nèi)容區(qū)域。ID
CSS的類選擇器和id選擇器各有什么優(yōu)勢,在實(shí)際開發(fā)中的情況是什么樣的?
ID用于標(biāo)識頁面上的特定元素(比如站點(diǎn)導(dǎo)航),而且必須是唯一的。 ID也可以用來標(biāo)識持久的結(jié)構(gòu)性元素,例如主導(dǎo)航或內(nèi)容區(qū)域。ID還可以用來標(biāo)識一次性元素,例如某個(gè)鏈接或表單元素。一個(gè)ID只能應(yīng)用于頁面上的一個(gè)元素。
class同一個(gè)類名可以應(yīng)用于頁面上任意多個(gè)元素,因此類的功能強(qiáng)大的多。類非常適合表示內(nèi)容的類型或其他相似的條目。
在實(shí)際開發(fā)中,要根據(jù)實(shí)際使用情況來決定是使用哪種樣式。對于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個(gè)界面公用,或者同一界面多個(gè)元素風(fēng)格一致,樣式統(tǒng)一使用class類要方便的多。
下面就是最簡單的一個(gè)小例子:
展示效果: