css selector什麼意思

css selector指的是css選擇器，是用來匹配網頁中的dom元素的，常用選擇器可分為標籤名選擇器、類別選擇器、id選擇器、衍生選擇器、子元素選擇器、分組選擇器和偽元素選擇器。

本文操作環境：windows10系統、css3、thinkpad t480電腦。

推薦：《css影片教學》

css selector指的是css 選擇器，是用來匹配網頁中的dom元素的，css樣式的定義為：選擇器{樣式}。 「選擇器」指明了{}中的「樣式」的作用對象，也就是「樣式」作用於網頁中的哪些元素。

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

每一條css樣式定義由兩個部分組成，形式如下：

selector {property: value}
选择器{属性:属性值}
//即 选择器{样式}

在{}之前的部分就是「選擇器」。 「選擇器」指明了{}中的「樣式（）」的作用對象，也就是「樣式」作用於網頁中的哪些元素。可以是一個HTML標籤，也可以是特定的id或class等的標籤。

簡單來說：CSS主要的功能就是為網頁中的dom元素設定樣式，而選擇器則是用來匹配dom元素的。

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

使用css選擇器時的注意事項：

由於CSS的解釋是自上而下的，對於一個元素的相同屬性描述，放在下面的會覆蓋掉位於上面的屬性描述，因此我們在對元素的選擇中一定要注意書寫順序，如：

a:visited {color: #00FF00; text-decoration: none}
a:hover {color: #FF00FF; text-decoration: underline}

採用這樣的書寫順序，無論鏈接有沒有被訪問過，只要當鼠標移到鏈接上，鏈接都會變成藍色並有底線。但是，如果採用下面的書寫順序：

a:hover {color: #FF00FF; text-decoration: underline}
a:visited {color: #00FF00; text-decoration: none}

如果連結被訪問過，則當你滑鼠移到連結上時不會變成藍色並有下劃線，依然保持綠色。

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