當我們使用CSS來設置一個標簽或元素的樣式時,有時候需要取消某些默認樣式,比如鏈接的下劃線或li標簽的默認小圓點。在這種情況下,我們可以使用CSS屬性“text-decoration:none”或“list-style:none”來取消這些默認樣式。
a { text-decoration:none; } li { list-style:none; }
然而,有時候我們希望取消的樣式不一定是默認樣式,而是已經定義過的樣式。這時候我們可以使用“unset”這個值來取消已經被定義的樣式。
.button { background-color:red; color:white; border:none; } .cancel-button { background-color:unset; color:unset; border:unset; }
在上面的代碼中,我們先定義了一個類按鈕“button”,并為其設置了背景顏色、文字顏色和邊框。然后我們又定義了一個類“cancel-button”,并在其中使用了屬性“unset”來取消前一個類“button”中定義的樣式。這樣一來,“cancel-button”類中的背景顏色、文字顏色和邊框都會被取消,回到默認值。
下一篇css取消小塊居中