css選擇器及css優先順序

2022-03-16 10:57:19 字數 667 閱讀 9510

三個css選擇器:id選擇器#test1、class選擇器.test2、標籤選擇器div對三個div:我是普通div

、我是#test1

、我是class

的影響,它們三個也是div標籤,所以div影響了三個的背景,用id說明針對哪個div發揮作用,比較精細,而類控制的多一些,div的範圍更大了,它影響這裡的三個選擇器

id選擇器、class選擇器、標籤選擇器、派生選擇器div pdiv下的p,派生類(根據元素之間的上下級關係);

我是普通div

我是div下的p標籤

我是獨立p標籤

我是#test1

我是class

css優先順序:多個選擇器同時控制某個元素,而且設定了同乙個css屬性,控制的越精細優先順序越高;

css選擇器

CSS選擇器及優先順序

css優先順序的計算公式 通常我們可以將css的優先順序由高到低分為六組 無條件優先的屬性只需要在屬性後面使用 important 它會覆蓋頁面內任何位置定義的元素樣式。當然,ie 6不支援這個屬性,於是它也成為一種hack被很多人所熟知,真正使命被人淡忘。第二高位的優先屬性是在html中給元素標籤...

CSS選擇器及優先順序

css選擇器 css選擇器優先順序 解釋 對一種有標識的內容進行樣式變化 標籤選擇器 對應的標籤檔案所有對應的標籤都會被選擇修飾 選擇器名 標籤 類選擇器 標籤內的屬性 class 值 選擇器名 class 顧名思義,是一類的內容使用同一種樣式 id選擇器 標籤內的屬性 id 值 選擇器名 id i...

css選擇器及優先順序

後代選擇器 div p 選擇div元素裡面的所有p元素 子選擇器 div p 選擇父元素為div的所有p元素 同胞選擇器 div p 選擇所有緊跟在div之後的p元素 組選擇器 div,p 選擇所有的div和p元素 共同選擇器 div.name 選擇所有類名為name的div元素。即同時滿足 此外還...