檢視別人css,發現有一段css**
.button.dark.blue
.button.dark
如果這樣寫,backgroud-color到底是用誰的呢?原來我只知道內聯樣式的權值》id選擇器》類選擇器》標籤選擇器這樣的規則,還有就是越精細等級越高,看上面css**,應該是第乙個優先順序更高吧!測試了一下,還真是這樣.
這時候,我順便找了下css具體的規則說明:
css選擇器
權值內聯樣式
1000
id選擇器
100類選擇器
10 偽類(:link等)
10 偽類(:link等)
1偽元素(:first-child等)1
按照這個權值計算
.button.dark.blue = 10+10+10=30;
button.dark=10+10 = 20
權值越高,等級就越高啦!
你知道了嗎?
css層疊規則
網頁上的元素其實是三維的，類似於高中學的左手座標系，z軸就是垂直於螢幕。層疊上下文跟 塊狀格式化上下文 bfc 類似，只要元素擁有某些特定的css屬性，就會表現出層疊上下文的特點。前提是重疊在一起，就會按照上圖的規則呈現。1 誰大誰上 如生效的z index屬性值，大的就覆蓋小的。2 後來居上 當元...
css層疊樣式
css 四大核心 一 選擇器 二 盒子模型 實現網頁布局 三 浮動四 四 定位 了解css 概念 層疊樣式表 級聯樣式表 cascading style s heet 作用 美化網頁 通過css的方式給html標籤設定樣式 css語法 選擇器 類選擇器 語法 1.定義型別.自定義型別名 2.呼叫型別...
css層疊樣式
層疊樣式表 層疊 相同的樣式的不同值作用到同一元素的時候,會有樣式被覆蓋.樣式生效會有先後重要的順序.根據樣式優先順序,如果優先順序一樣,後寫會覆蓋先寫的.樣式表 元素視覺表現的集合.例如我們看到的寬高背景顏色等等 樣式是依附html而存在的,如果沒有標籤,樣式將毫無意義.最小影響法則 當我們建立乙...