CSS的幾種核心選擇器

2021-09-25 13:14:48 字數 886 閱讀 6672

優先順序:id選擇器 > class選擇器 > 標籤選擇器

標籤選擇器,選擇的是頁面上所有這種型別的標籤,優先順序較低」。

type="text/css";
標籤選擇器呼叫

測試

類選擇器,針對想要的所有標籤使用只需要定義class即可。
類選擇器呼叫

針對特定的標籤來使用,只能對特定id使用

標籤id命名規範說明:

id選擇器呼叫

偽類選擇器,針對一些標籤具體的行為使用。

其中對於標籤特有的狀態:

而a{}和a:link{}的區別:

所有標籤共有的狀態:

偽類選擇器呼叫

lable測試

ps:滑鼠放上去自行檢視變化

標籤id命名規範說明:

/*

這兩個標籤不一定是連續緊挨著的,只要保持乙個後代的關聯即可。

後代選擇器不侷限於什麼型別選擇器

#id span span

s1 #id span

div #id s2

*/

.ad_stu

.ad_2

.ad_house可以寫成:.ad_stu

.ad_2

.ad_house

.ad_stu, .ad_2, .ad_house

CSS的幾種核心選擇器

標籤選擇器,選擇的是頁面上所有這種型別的標籤,優先順序較低 標籤選擇器呼叫測試 類選擇器,針對想要的所有標籤使用只需要定義class即可。類選擇器呼叫 針對特定的標籤來使用,只能對特定id使用 標籤id命名規範說明 id選擇器呼叫偽類選擇器,針對一些標籤具體的行為使用。其中對於標籤特有的狀態 而a ...

幾種css選擇器

css提供了許多選擇器來實現精確地定位標籤元素,主要有以下幾種 div p.box 可以看出,div標籤和p標籤的class名都為 box 因此他們都應用該樣式,因為多個標籤可以有相同的class名,所以class選擇器應用最為廣泛。box 需要注意的是,標籤的id具有唯一性,多個標籤的id不能相同...

CSS的幾種選擇器

css指層疊樣式表,它用來定義如何顯示html元素。css是能夠真正做到網頁表現和內容分離的一種樣式設計語言。css基礎語法 css由兩部分構成 選擇器 選擇器通常為你要改變樣式的html元素 宣告有乙個屬性和乙個值組成 css的四種選擇器 1 派生選擇器 上下文選擇器 派生選擇的語法 上一級元素b...