什麼是css選擇器

每一條css樣式定義由兩個部分組成，形式如「選擇器{樣式}」；在「{}」之前的部分就是「選擇器」。 「選擇器」指明了「{}」中「樣式」的作用對象，也就是「樣式」作用於網頁中的哪些元素。

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

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

每一條css樣式定義由兩部分組成，形式如下：選擇器{樣式} ，在{}之前的部分就是「選擇器」。 「選擇器」指明了{}中的「樣式」的作用對象，也就是「樣式」作用於網頁中的哪些元素

接下來我們就來看一個圖，是對上述定義具體的分析。

如圖，我們可以知道：

在{}之前的部分就是“選擇器”，而「選擇器」指明了{}中的「樣式」的作用對象，也就是「樣式」作用於網頁中的哪些元素

#選擇器通常是您需要改變樣式的HTML 元素，如：

,,< ;h1>等等

每一條格式宣告語句由「屬性名稱:屬性值」對組成，屬性名稱和屬性值間以冒號隔開，每條聲明語句以英文狀態的分號「; 」結束。

介紹完css選擇器是什麼後，我們先來看看css選擇器有哪些類型？

css選擇器有哪些型別？

css選擇器的種類是有很多的，下面我們就來看一看css選擇器的類型

1、標籤選擇器（如：body,div,p ,ul,li）。

2、.類別選擇器（如：class="head",class="head_logo"） 。

3、ID選擇器（如：id="name",id="name_txt"）。

4、全域選擇器（如：*號）。

5、.組合選擇器（如：.head .head_logo,注意兩選擇器用空白鍵分開）。

6、.繼承選擇器（如：div p,注意兩選擇器用空白鍵分開）。

7、偽類選擇器（如：就是連結樣式,a元素的偽類，4種不同的狀態：link、visited、active、hover。）。

8、字串符合的屬性選擇符(^ $ *三種，分別對應開始、結尾、包含) 。

推薦教學：CSS影片教學

#

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