css中的選擇器是什么意思

小編給大家分享一下css中的選擇器是什么意思，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

css選擇器又被稱為css樣式屬性、css屬性選擇器，css中的“選擇器”指明了“{}”中的“樣式”的作用對(duì)象，也就是“樣式”作用于網(wǎng)頁(yè)中的哪些元素；常用選擇器可分為標(biāo)簽名選擇器、類(lèi)選擇器、id選擇器、派生選擇器、子元素選擇器、分組選擇器。

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。

css中的選擇器是什么意思？

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

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

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

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

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

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

格式：元素名{ }

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

格式：.d1{ }

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

格式： #id{}

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

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

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

格式： ul>li>a{}

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

格式: h2,h3,#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{ }

以上是“css中的選擇器是什么意思”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！