每一條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中文網其他相關文章!