CSS 選擇器之基礎選擇器

2022-03-04 14:28:39 字數 1033 閱讀 9220

id選擇器:選擇具體的id屬性值的元素

元素選擇器:選擇具有相同標籤名稱的元素

類選擇器:選擇具有相同的class屬性值的元素。

id選擇器,是根據標籤的id屬性值選擇對應的標籤的。

格式:

#id值
舉例:定義兩個p標籤,且標籤的id屬性值不同,然後用css定義p標籤的內容如何顯示。

google瀏覽器中開啟,檢視效果:

元素選擇器是根據標籤的名稱來選擇對應的標籤的。

格式:

標籤的名稱
舉例:定義兩個div標籤,通過元素選擇器定義p標籤的內容如何顯示。

google 瀏覽器中開啟,檢視效果:

注意:id選擇器優先順序高於元素選擇器
類選擇器,是根據標籤的class屬性值選擇對應的標籤的。

格式:

.class值
舉例:定義兩個p標籤,且標籤的class屬性值不同,然後用css定義p標籤的內容如何顯示。

google 瀏覽器中開啟,檢視效果:

注意:類選擇器選擇器優先順序高於元素選擇器

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS基礎選擇器 類選擇器 id選擇器

選擇器的作用 根據不同的需求把不同的標籤選出來 是由單個選擇器組成的 包括 標籤選擇器 類選擇器 id選擇器 萬用字元選擇器 1 標籤選擇器 指用html標籤名稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。優點 能夠快速為頁面中同型別的標籤統一設定樣式。缺點 不能設計差異化樣...

CSS選擇器之屬性選擇器 關係選擇器

e代表標籤名,如p,div等等 att表示該標籤定義了的乙個屬性名,如class id等,value為該屬性的屬性值,該屬性值為包含字首 value的子字串。若去掉e,則表示匹配滿足條件的任意元素 基本原理同上,不過value表示該屬性值應包含以value為字尾的子字串 基本原理同上,但value表...