要使用css對(duì)HTML頁(yè)面中的元素實(shí)現(xiàn)一對(duì)一，一對(duì)多或者多對(duì)一的控制，這就需要用到CSS選擇器。HTML頁(yè)面中的元素就是通過(guò)CSS選擇器進(jìn)行控制的。

常用選擇器可分為：標(biāo)簽名選擇器，類選擇器，id選擇器，派生選擇器，子元素選擇器，分組選擇器，偽元素選擇器

每一條css樣式定義由兩部分組成，形式如下：選擇器{樣式} ，在{}之前的部分就是“選擇器”。

“選擇器”指明了{(lán)}中的“樣式”的作用對(duì)象，也就是“樣式”作用于網(wǎng)頁(yè)中的哪些元素。

Css選擇器又被稱為css樣式屬性、css屬性選擇器。

1、標(biāo)簽名選擇器：通過(guò)標(biāo)簽的名稱找到指定標(biāo)簽

格式：元素名{ }

2、類選擇器：通過(guò)標(biāo)簽的class屬性值選中指定標(biāo)簽,多個(gè)標(biāo)簽可以有相同的class值

格式：.d1{ }

3、id選擇器：通過(guò)id找到標(biāo)簽，一個(gè)html文件中id不能重復(fù)

格式： #id{}

4、派生選擇器(后代選擇器)：類似于路徑，找到符合要求的標(biāo)簽，會(huì)匹配所有的后代標(biāo)簽

格式： ul li a{} #id li a{}

5、子元素選擇器：和后代類似，但是只能獲得子元素

格式： ul>li>a{}

6、分組選擇器：可以將多種選擇器結(jié)合到一起使用，用來(lái)統(tǒng)一設(shè)定樣式

格式: h1,h2,#abc,.m{ }

7、偽元素選擇器：偽元素選擇器選擇的是元素的狀態(tài)，狀態(tài)分為以下幾種：link 表示元素未被點(diǎn)擊時(shí)的狀態(tài)

hover 表示鼠標(biāo)懸停時(shí)的狀態(tài)

active 表示元素被點(diǎn)擊時(shí)的狀態(tài)

visited 表示元素被點(diǎn)擊后的狀態(tài)格式： #id:hover{ }

總結(jié)

以上是生活随笔為你收集整理的html中选择器是什么意思,css中的选择器是什么意思？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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