css的某些特殊屬性

2021-07-07 06:37:43 字數 760 閱讀 8208

當我們為同乙個元素設定了兩個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...