css中的四種選擇器,CSS的類(lèi)選擇器和id選擇器各有什么優(yōu)勢(shì)?
ID用于標(biāo)識(shí)頁(yè)面上的特定元素(比如站點(diǎn)導(dǎo)航),而且必須是唯一的。 ID也可以用來(lái)標(biāo)識(shí)持久的結(jié)構(gòu)性元素,例如主導(dǎo)航或內(nèi)容區(qū)域。ID還可以用來(lái)標(biāo)識(shí)一次性元素,例如某個(gè)鏈接或表單元素。一個(gè)ID只能應(yīng)用于頁(yè)面上的一個(gè)元素。
class同一個(gè)類(lèi)名可以應(yīng)用于頁(yè)面上任意多個(gè)元素,因此類(lèi)的功能強(qiáng)大的多。類(lèi)非常適合表示內(nèi)容的類(lèi)型或其他相似的條目。
在實(shí)際開(kāi)發(fā)中,要根據(jù)實(shí)際使用情況來(lái)決定是使用哪種樣式。對(duì)于單一元素的在單一界面的展示樣式可以推薦是用id來(lái)定位。多余多個(gè)界面公用,或者同一界面多個(gè)元素風(fēng)格一致,樣式統(tǒng)一使用class類(lèi)要方便的多。
下面就是最簡(jiǎn)單的一個(gè)小例子:
展示效果:
html中class選擇器又叫?
Class 在程序中稱(chēng)“類(lèi)”,同時(shí)在CSS中也書(shū)面語(yǔ)也叫“類(lèi)”。css中class即類(lèi)選擇器。html中的class=是一個(gè)選擇器,可以理解為一個(gè)標(biāo)識(shí),用來(lái)標(biāo)識(shí)特定的標(biāo)簽。
比如:<divclass="div1"></div>這就是一個(gè)標(biāo)識(shí)效果,以后你想要改變這個(gè)div的樣式的話就可以找class為div1的元素了。
類(lèi)和標(biāo)簽的區(qū)別?
選擇器的種類(lèi)可以分為三種:標(biāo)簽名選擇器、類(lèi)選擇器和ID選擇器。類(lèi)選擇器和標(biāo)簽名選擇器的不同,類(lèi)選擇器是自己定義的,如class="aaa";標(biāo)簽名選擇器是html已經(jīng)規(guī)定好的標(biāo)簽名,如a標(biāo)簽是鏈接,h1是標(biāo)題,img是圖片,它們有默認(rèn)的一些樣式
css怎么設(shè)置class的優(yōu)先級(jí)?
樣式權(quán)值設(shè)定
1. 內(nèi)聯(lián)樣式表的權(quán)值最高 1000;
2. ID 選擇器的權(quán)值為 100
3. Class 類(lèi)選擇器的權(quán)值為 10
4. HTML 標(biāo)簽選擇器的權(quán)值為 1
5 繼承樣式的權(quán)值為0.1
舉例
< class a>
< class b>
<class c >
直接用 .c(類(lèi))選擇器 它的權(quán)值只有10 ,
用 .a .b .c來(lái)選擇,則它的權(quán)值為10+10+10。