CSS css層疊特性總結

2021-07-06 06:19:49 字數 540 閱讀 5417

所謂的css層疊特性其實就是臨近原則,即選擇與自己關係最近表達最具體的來執行:

行內樣式

> id

樣式》類別樣式

>

標記樣式

行內樣式直接寫在html相應標籤內

e.g.<

pclass="classstyle"

id="idstyle"

style="color:red">hello world

p>

id樣式通過id屬性建立,具有唯一性,即更具體。

類別樣式通過class屬性建立,不具有唯一性,但也縮小了範圍。

標記樣式直接用標籤來選擇,範圍很大。

e.g.p  

css1.css樣式表排在下面離body最近,所以具有最高優先順序,可以覆蓋其上面樣式表的樣式。

css的層疊特性

3.1.1 層疊性 所謂層疊性,是指對同一元素同一屬性的設定,後設定的某個樣式 屬性 會覆蓋之前設定的樣式。比如 cc1 cc1 文字內容 則class為cc1的元素中的文字顏色就是blue,即後者覆蓋了前者的設定。分兩種情況 兩個相同的選擇器,設定了同樣的屬性,後者覆蓋前者 層疊性體現之一。兩個不...

css的層疊特性

3.1.1 層疊性 所謂層疊性,是指對同一元素同一屬性的設定,後設定的某個樣式 屬性 會覆蓋之前設定的樣式。比如 cc1 cc1 文字內容 則class為cc1的元素中的文字顏色就是blue,即後者覆蓋了前者的設定。分兩種情況 兩個相同的選擇器,設定了同樣的屬性,後者覆蓋前者 層疊性體現之一。兩個不...

CSS CSS中繼承性與層疊性

上篇介紹了css裡面的選擇器,接下來我們了解css中兩大特性,繼承性和層疊性 繼承性 所謂繼承,就是父元素的規則也會適用於子元素。比如給body設定為color red 那麼他內部的元素如果沒有其他的規則設定,也都會變成紅色。首先我們先來了解dom 文件物件模型 樹,當使用css對乙個設定後,這樣的...