id選擇器與類選擇器的語(yǔ)法 css復(fù)合選擇器有哪三種?
css復(fù)合選擇器有哪三種?1.元素選擇器標(biāo)簽名稱{}選擇器#id屬性值{}3.類別選擇器。類屬性值{}4.選擇器分組(聯(lián)合選擇器)功能:可以同時(shí)選擇多個(gè)選擇器對(duì)應(yīng)的元素(通常用于集體聲明)。語(yǔ)法:選擇
css復(fù)合選擇器有哪三種?
1.元素選擇器標(biāo)簽名稱{}
選擇器#id屬性值{}
3.類別選擇器。類屬性值{}
4.選擇器分組(聯(lián)合選擇器)
功能:可以同時(shí)選擇多個(gè)選擇器對(duì)應(yīng)的元素(通常用于集體聲明)。
語(yǔ)法:選擇器1,選擇器2,選擇器n{}
5.復(fù)合選擇器(交叉點(diǎn)選擇器)
功能:選擇更精確、更精細(xì)的目標(biāo)元素,并為其設(shè)置屬性。
語(yǔ)法:選擇器1選擇器2選擇器n{}
!注意,選擇器之間不應(yīng)該有空格,應(yīng)該是相鄰的。
6、通配符選擇器
功能:用于選擇頁(yè)面中的所有元素。
語(yǔ)法:* {
7.后代元素選擇器
函數(shù):選擇指定元素的指定后代元素。
語(yǔ)法:祖先元素后代元素{}
8.子元素選擇器
函數(shù):選擇指定父元素的子元素。
語(yǔ)法:父元素gt子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)。
:hov:visit:activ
熟練掌握并默寫(xiě)標(biāo)記選擇器的基本語(yǔ)法?
1.標(biāo)簽選擇器主要用于HTML頁(yè)面中的標(biāo)簽樣式選擇。例如,P選擇器用于聲明網(wǎng)頁(yè)中用P標(biāo)記的文本內(nèi)容。類似地,H1選擇器可以在頁(yè)面中標(biāo)記H1的風(fēng)格。例如:
H1 { font-siz:14px
font-w:bold
Color:#ccc}上面的代碼表示在所有應(yīng)用H1選擇器的地方,文本大小設(shè)置為14像素加粗,顏色設(shè)置為灰色。如果你想改變H1的顏色,只需改變顏色屬性即可,例如,將顏色設(shè)置為# E7Efe,以與網(wǎng)頁(yè)的其他部分相協(xié)調(diào)。
2.類別選擇器
這是一種最常用的選擇器,用來(lái)定義網(wǎng)頁(yè)中需要特殊表達(dá)的樣式。類別選擇器的名稱可以由作者自由定義。一般來(lái)說(shuō),類別選擇器的命名最好有意義,這使得CSS代碼更容易維護(hù)和閱讀。例如,您可以使用。{道行}或者。nav{}定義導(dǎo)航。唐 不要使用短的或特殊的字符串,否則當(dāng)你三天后再次閱讀你的CSS代碼時(shí),你可能甚至不知道什么是樣式!
類別選擇器是一個(gè)CSS類,在HTML中表示為調(diào)用類。例如:
(1)在style.css文件中定義
。titl:10px
填充:2px5px} (2) HTML文件。
在上面的定義中,p標(biāo)簽引用CSS文件中的標(biāo)題樣式,并將其應(yīng)用于整個(gè)p覆蓋范圍。p將顯示為一個(gè)矩形,上、下、左、右邊距為10px,上下填充為2px,左右填充為5px。
請(qǐng)注意類別選擇器和標(biāo)簽選擇器的CSS定義的區(qū)別:在CSS文件中,沒(méi)有#34。標(biāo)簽選擇器前面的#34。接下來(lái)我們就來(lái)說(shuō)說(shuō)ID選擇器,它的定義也是不一樣的。每個(gè)ID選擇器樣式前面都有一個(gè)# 34 # 34,以確保它是一個(gè)ID選擇器,并且在HTML中由ID#34style#34引用。值得注意的是,一個(gè)標(biāo)簽可以同時(shí)應(yīng)用多個(gè)類選擇器,比如
具體可以在下面思考和做實(shí)驗(yàn),筆者在此不舉例。選擇器(1)ID選擇器和類的用法基本沒(méi)有區(qū)別。它們的區(qū)別在于ID選擇器在HTML頁(yè)面中只能使用一次,而類可以被調(diào)用任意次。在CSS文件中,ID選擇器通常被寫(xiě)成
# idname { bgcolor: # 339
Font-siz:16px}如果一個(gè)ID應(yīng)用于多個(gè)HTML標(biāo)簽,可能會(huì)導(dǎo)致IE編譯錯(cuò)誤,而且由于ID選擇器可以被JAVASCRIPT調(diào)用,多個(gè)ID會(huì)導(dǎo)致JAVA編譯錯(cuò)誤,崩潰!
(2)2)HTML的引用
HTML中引用ID選擇器的代碼如下:
并且ID選擇器不能與類別選擇器同時(shí)被標(biāo)簽調(diào)用。這也是完全錯(cuò)誤的語(yǔ)法。復(fù)合選擇器是由不同鏈接方法形成的基本選擇器。
復(fù)合選擇器是通過(guò)以不同鏈接兩個(gè)或多個(gè)基本選擇器而形成的選擇器。