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

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

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

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

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

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

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

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

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

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

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

6.群組選擇器：這個選擇器，不是特別的選擇器，是指多個元素在有相同樣式的情況下，可以通過在選擇器之間加"，"隔開，這樣能使多個元素運用{}后的樣式

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

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

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

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

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

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

a）鏈接偽類：適用于未訪問的鏈接a即a:link，適用于訪問過后的鏈接a即a:visited。

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

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

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

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

f）否定偽類。

總結(jié)

以上是生活随笔為你收集整理的HTML选择器的概念是什么的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。