首頁  >  文章  >  web前端  >  什麼是css選擇器

什麼是css選擇器

青灯夜游
青灯夜游原創
2021-03-31 16:19:502169瀏覽

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

什麼是css選擇器

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn