6 1 2 5 css 特性 權重

2022-09-08 22:48:36 字數 1160 閱讀 6374

1 繼承性

給父級設定一些屬性,子級繼承了父級的該屬性,這就是我們的css中的繼承

有一些屬性是可以繼承下來:color, font-*, text-*, line-*

注:backgroud是通過透明背影來實現繼承

像一些盒子元素, 定位的元素(浮動,絕對定位,固定定位)不能繼承

2 層疊性: 權重大的標籤覆蓋掉了權重小的標籤,說白了,就是被乾掉了

猜猜我是什麼顏色

#box   # 1 0 0

.container # 0 1 0

p   # 0 0 1

權重:誰的權重大,瀏覽器就會顯示誰的屬性

id的數量 class的數量 標籤的數量

繼承來的權重為0

#box1 #box2 p{}  # 權重:2 0 1

#box2 .warp3 p{} # 權重:1 1 1

div div #box3 p{} # 權重: 1 0 3

div.warp1 div.wrap2 div.wrap3 p{}  # 權重:0 3 4

當權重一樣的話,是以後設定的屬性為準。前提權重是一樣的,後來者居上     

如果權重不同,以大的為準

如果是繼承來的,權重為0

如果都是被繼承下來的 權重都是0 「就近選擇" : 誰描述的近,就顯示誰的屬性

!important  設定權重為無限大, 盡量不要使用

不影響繼承來的權重,只影響選中的元素

css三大特性以及關於權重的問題

一 繼承性 子標籤會繼承父標籤的某些樣式,比如color font開頭的 text開頭的 line開頭的 list開頭的。繼承性 子標籤繼承父標籤的某些樣式 優點可以簡化css div body div的文字大小為14 1.5 21px div p的文字大小為16 1.5 24px p li沒有指定...

CSS 權重問題

行內樣式包含在你的 html 標籤中 對你的元素產生直接作用,權重最大,但是不能宣告偽類樣式 test id 一般用來作為元素的唯一標識,權重第二 屬性選擇器 針對標籤中的屬性的選擇器 這個形容有點書面,具體自己理解 設定 input 標籤中 title 為 test 的標籤字型顏色 input t...

css權重比較

1 important,加在樣式屬性值後,權重值為 10000 2 內聯樣式,如 style 權重值為1000 3 id選擇器,如 content,權重值為100 4 類,偽類和屬性選擇器,如 content hover 權重值為10 5 標籤選擇器和偽元素選擇器,如 div p before 權重...