!important
的中文是重要的意思,那什麽是重要的?
在css中!important
是用於增加屬性或值比一般更重要的程度。假設如果你使用了!important
之後他將會覆蓋元素上特定屬性的所有先前樣式規則。
second{
background-color: black;
}
#third_id{
background-color: gray;
}
p{
background-color: blue;
}
p>This is the first element.</p>
<p class="second">This is the second element.</p>
<p id="third_id">This is the third element.</p>
原本是
當在css的p加上時
p{
background-color: blue !important;
}
會變成
!important
是在原始程式碼中的聲明中包含!important
具有相同或更高特異性的另一個規則 - 問題就開始了!這使得 CSS 程式碼變得混亂並且調試會很困難,尤其是當你有一個很大的樣式表時!當在三個都加上時會變成
.second{
background-color: black !important;
}
#third_id{
background-color: gray !important;
}
p{
background-color: blue !important;
}
會知道這個屬性是因爲之前在刻一個網站時有看到對方寫以及自己在寫程式碼時遇到網頁本身有預設!important
這個屬性去瞭解后才想説跟大家分享這個特別的屬性
那我們今天就到這裏啦~我們明天見~