1.標(biāo)簽選擇器
注意點(diǎn):1.標(biāo)簽選擇器選中的當(dāng)前界面中所有的標(biāo)簽。
????????????? 2.標(biāo)簽選擇器不論藏得多深邮利,都能被選中馋吗。
????????????? 3.只要是HTML中的標(biāo)簽,都能作為標(biāo)簽選擇器.
2.ID選擇器
注意點(diǎn):1.每個(gè)HTML標(biāo)簽都有一個(gè)屬性叫ID夜畴,也就是說HTML所用標(biāo)簽都可以添加ID屬性。
????????????? 2.在統(tǒng)一界面中ID是不能重復(fù)的删壮。
????????????? 3.在編寫ID選擇器時(shí)贪绘,一定要在ID前加上#號(hào)。
????????????? 4.ID命名一定要規(guī)范醉锅。
????????????? 5.ID的名稱只能有字母/數(shù)字兔簇,下劃線(0-9、 a-z硬耍、 ?_)垄琐。
????????????? 6.ID的名稱不能以數(shù)字開頭,否則無效经柴。
????????????? 7.ID的名稱不能是以HTML標(biāo)簽來命名的狸窘。
????????????? 8我們不會(huì)使用ID選擇器,它是給JS程序員來用的坯认。
3.類選擇器
格式:<標(biāo)簽名稱 class="類名1 類名2......">???? 一個(gè)標(biāo)簽可以綁定多個(gè)類名翻擒。
4.后代選擇器
作用:找到指定標(biāo)簽的所用后代標(biāo)簽,設(shè)置屬性牛哺。
注意點(diǎn):1.后代選擇器必須用空格隔開陋气。
????????????? 2.后代不僅僅包括兒子,也包括孫子/重孫子引润。
????????????? 3.后代不僅僅可以使用后代選擇器巩趁,也可以使用其他的選擇器。
5.子元素選擇器
作用:找到指定標(biāo)簽中所用特定的直接子元素淳附,然后設(shè)置屬性议慰。
格式:標(biāo)簽名稱1>標(biāo)簽名稱2{屬性:值}
在找到叫"標(biāo)簽名稱1"的標(biāo)簽蠢古,然后在這個(gè)標(biāo)簽中查找所有直接子元素叫"標(biāo)簽名稱2"的標(biāo)簽。
注意點(diǎn):1.子元素選擇器只會(huì)查找兒子别凹,不會(huì)查找其他被嵌套的標(biāo)簽草讶。
????????????? 2.子元素選擇器之間需要用>符號(hào)連接,并且不能有空號(hào)炉菲。
????????????? 3.子元素選擇器不僅僅可以使用標(biāo)簽名稱堕战,還可以是其他我的選擇器。
????????????? 4.子元素選擇器可以通過>符號(hào)一直延續(xù)下去拍霜。
6.并集選擇器
格式:標(biāo)簽名稱1,標(biāo)簽名稱2,{屬性:值;}
作用:給所用被選中的標(biāo)簽設(shè)置屬性践啄。
7.兄弟選擇器
1.相鄰兄弟選擇器(css2)
作用:給指定選擇器的緊跟的那個(gè)選擇器選中的標(biāo)簽設(shè)置屬性。
格式:選擇器1+選擇器2{屬性:值;}(緊跟的選擇器1后面的選擇器2設(shè)置屬性沉御。)
注意點(diǎn):1.相鄰兄弟選擇器之間用+連接。
?????????????? 2.相鄰兄弟選擇器只能選中緊跟在它后面的標(biāo)簽昭灵,不能選擇被隔開的標(biāo)簽吠裆。
2.通用兄弟選擇器(css3)
作用:給指定選擇器后面的所有標(biāo)簽設(shè)置屬性。
格式:選擇器1~選擇器2{屬性:值;}(選擇器1后面的所有選擇器2設(shè)置屬性烂完。)
注意點(diǎn):1.通用兄弟選擇器之間用~連接试疙。
????????????? 2.通用兄弟選擇器選中的是指定選擇器后面某個(gè)選擇器中所有的標(biāo)簽,無論有無被隔開都可以被選中抠蚣。