當我們為同乙個元素設定了兩個css屬性時,這個元素會使用哪乙個屬性呢?
class="style">css特殊性p>
p.style
p和.style都匹配到這個元素上,這個元素會選擇哪個呢?瀏覽器會選擇.style。這是根據乙個叫做權值的特性來決定的。哪種權值高就使用哪種樣式。
權值規則
*標籤權值:1
類選擇器:10
id:100*
由此可知:
p
權值為1
.style
權值為10
如p span .warning{}的權值為1+1+10=12
問題:當html檔案中對於同乙個元素可以有多個css樣式存在,並且這多個css樣式具有相同的權重值該怎麼辦?
層疊。在html檔案中對於同乙個元素可以有多個css樣式存在,當有相同權值存在的樣式時,會根據css樣式的前後順序來決定。所以出於最後的css樣式會被啟用。
有時在做網頁**時,有些特殊情況需要為某些樣式設定具有最高權值。
!important可以實現
p
最後,一般情況下css樣式優先順序的排列如下:
內嵌式 > 嵌入式 > 外部css
css特殊屬性標籤
background transparent 消除預設背景色 outline none 消除邊框 1.css 背景屬性 background background 在乙個宣告中設定所有的背景屬性。background attachment 設定背景影象是否固定或者隨著頁面的其餘部分滾動。backgr...
vue 特殊屬性
長用於構建動態元件且基於 dom 內模板的限制 插槽,推薦使用2.6.0新出的v slot 用於標記往哪個具名插槽中插入子元件內容。被 2.5.0 新增的 slot scope 取代。推薦 2.6.0 新增的 v slot 用於表示乙個作為帶作用域的插槽的 元素,它在 2.5.0 中被 slot s...
93 特殊屬性
python 特殊屬性 文件 python物件中包含了很多雙下劃線開始和結束的屬性,這些是特殊屬性,有特殊用法。這 裡我們列出常見的特殊屬性 ipython 執行效果 in 12 c c 3 in 13 cout 13 main c at in 14 dir c out 14 class delat...