css中樣式style的優先順序

2021-07-25 21:14:12 字數 515 閱讀 5295

css中樣式有一下幾種方式

第一類別是按照標籤名稱來當作過濾器的,此處body的標籤的內容會使用上面的樣式

第二類是使用id名稱來當作過濾器的,只有id="orange-text"的才會使用該樣式

第三類是使用class來當作過濾器,

還有一種就是內聯式的樣式,如下:

通過實驗此處hello world的顏色是白色,並且是黑底色(body的顏色)

所以得出乙個結論優先級別為:內聯式》id>class

在id和class的樣式有多個時候,順序從上到下,優先級別依次增大

最後,最大的boss是這個關鍵字:

!important.一定會確保引用這個樣式的**段使用這個樣式,如果在以上**的一部分修改為:

.pink-text
然後不管是引用了id樣式還是內聯式的,最終顯示的字型顏色依然是粉

css樣式優先順序

多重樣式將層疊為乙個 樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中,在 html 頁的頭元素中,或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。層疊次序 當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有...

CSS樣式優先順序

css樣式分為內聯樣式和外部樣式,一般情況下 內聯樣式的優先順序大於外部樣式。即style樣式 id選擇器 class選擇器 元素選擇器。例如 on person num li當對li標籤新增上面兩個樣式時,on樣式中重複的內容是不會生效的。因為.on樣式的優先順序值小於li,它會被li樣式覆蓋。但...

css樣式優先順序

css樣式分類 外聯樣式,內部樣式,內聯樣式,行內樣式 標籤屬性 優先順序 行內樣式 標籤屬性 外聯樣式 內部樣式 內聯樣式,這裡的高度為110px class login class imgs 選擇器 權值內聯樣式表的權值最高 1000 id 選擇器的權值 100class 類選擇器的權值 10h...