HTML選擇器的概念是什么

這篇文章主要介紹“HTML選擇器的概念是什么”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“HTML選擇器的概念是什么”文章能幫助大家解決問(wèn)題。

1.通配選擇器—*：匹配頁(yè)面中所有的標(biāo)簽元素

語(yǔ)法規(guī)定是：*{屬性：值}；常用于定義全局樣式，如字體大小顏色等

2.元素/標(biāo)簽選擇器—p、div、span等：就是匹配某一類標(biāo)簽

語(yǔ)法規(guī)范：p{屬性：值}

3.類選擇器—“.className”：就是匹配某一個(gè)或一組class名的標(biāo)簽“

語(yǔ)法規(guī)范：.className{屬性：值}

4.分類選擇器—“p.name”：就是匹配某一標(biāo)簽中，指定類名的目標(biāo)標(biāo)簽

語(yǔ)法規(guī)范：p.name{屬性：值} 就是匹配p標(biāo)簽中類名為name的p標(biāo)簽；

5.id選擇器—“#idName”：就是匹配某一個(gè)id值的標(biāo)簽

語(yǔ)法規(guī)范：#idName{屬性：值}，注意這個(gè)匹配絕對(duì)是只有一個(gè)目標(biāo)，因?yàn)閕d是不允許重復(fù)的，唯一的，因?yàn)閕d對(duì)應(yīng)的目標(biāo)元素也是唯一的，這個(gè)方式定位到目標(biāo)元素是最準(zhǔn)確的。

6.群組選擇器：這個(gè)選擇器，不是特別的選擇器，是指多個(gè)元素在有相同樣式的情況下，可以通過(guò)在選擇器之間加"，"隔開(kāi)，這樣能使多個(gè)元素運(yùn)用{}后的樣式

語(yǔ)法規(guī)范：p，div{屬性：值}，意思即p div有相同的樣式，這個(gè)方式使得CSS代碼能加簡(jiǎn)潔，方便

7.后代選擇器：這個(gè)方式就通過(guò)元素的位置來(lái)匹配，后代選擇器是指某一個(gè)元素即<標(biāo)簽></標(biāo)簽>內(nèi)所有的元素，通過(guò)選擇器1 選擇器2的方式定位到某一元素的后代元素；如<div> <p>我的div的后代1</p><p>我的div的后代2</p></div>

語(yǔ)法規(guī)范：div p{屬性：值} 這樣就能選擇匹配到div后代所有的p了，不管是第一層還是第n層的p；

8.子代選擇器：這個(gè)方式也是通過(guò)元素的位置來(lái)匹配，和后代選擇器不同的時(shí)，子代選擇器匹配到的是某一個(gè)標(biāo)簽的第一層后代，僅僅是父子關(guān)系，方式也和后代選擇器不同，方式是通過(guò)“>”；

語(yǔ)法規(guī)范：div>p{屬性：值}

9.偽類選擇器：這個(gè)選擇器通過(guò)匹配識(shí)別元素的某一個(gè)狀態(tài)；偽類選擇器分類：

a）鏈接偽類：適用于未訪問(wèn)的鏈接a即a:link，適用于訪問(wèn)過(guò)后的鏈接a即a:visited。

b)動(dòng)態(tài)偽類：適用于鼠標(biāo)懸停時(shí)即:hover，適用于元素被激活時(shí)即:active，適用于元素獲取焦點(diǎn)時(shí)（一般是指表單）即:focus.

c)目標(biāo)偽類。

d)元素狀態(tài)偽類。

e）結(jié)構(gòu)偽類。

f）否定偽類。

關(guān)于“HTML選擇器的概念是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。