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