css選擇器是什麼

css選擇器又稱為css樣式屬性、css屬性選擇器，css中的「選擇器」指明了「{}」中的「樣式」的作用對象，也就是「樣式」作用於網頁中的哪些元素；常用選擇器可分為標籤名選擇器、類別選擇器、id選擇器、衍生選擇器、子元素選擇器、分組選擇器。

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

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

要使用css對HTML頁面中的元素實作一對一，一對多或多對一的控制，這就需要用到CSS選擇器。 HTML頁面中的元素就是透過CSS選擇器來控制的。

常用選擇器可分為：標籤名稱選擇器，類別選擇器，id選擇器，衍生選擇器，子元素選擇器，分組選擇器，偽元素選擇器

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

「選擇器」指明了{}中的「樣式」的作用對象，也就是「樣式」作用於網頁中的哪些元素。

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

1、標籤名稱選擇器：透過標籤的名稱找到指定標籤

格式：元素名稱{ }

2、類別選擇器：透過標籤的class屬性值選取指定標籤,多個標籤可以有相同的class值

格式：.d1{ }

#3、id選擇器：透過id找到標籤，一個html檔案中id不能重複

格式： #id{}

4、衍生選擇器（後代選擇器）：類似路徑，找到符合要求的標籤，會符合所有的後代標籤

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

5、子元素選擇器：和後人類似，但只能得到子元素

格式： ul>li>a{ }

6、分組選擇器：可以將多種選擇器結合在一起使用，用來統一設定樣式

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

7、偽元素選擇器：偽元素選擇器選擇的是元素的狀態，狀態分為以下幾種：

link 表示元素未點擊時的狀態

hover 表示滑鼠懸停時的狀態

active 表示元素被點擊時的狀態

visited 表示元素被點擊後的狀態格式： #id:hover{ }

【推薦學習：《css影片教學》】

以上是css選擇器是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！