[筆記] CSS all:revert – 讓 CSS 設定部分還原成瀏覽器預設狀態

章節連結

CSS Revert 在近年的瀏覽器支援度上,總算 Chrome 和 Edge 支援了。這回在開發上剛好有這個暫時回復預設 CSS 的需求,就筆記一下可能出現的語法吧。
css3 logo


筆記

CSS 的 Property 若你下 initial, unset 和 revert,其代表的意義都不相同。

initial

依照 CSS Spec 來給予定義,不過瀏覽器的預設定義和 CSS Spec 是不一定相同的。至於原先有繼承特性(例如字體顏色),一律回復預設值

unset

跟 initial 的差別點在於:有繼承特色的屬性,那就會保留下來

revert

比起 unset 再更進一步,若瀏覽器有其預設樣式,那就先用;否則就等同 unset 的結果


參考資料

1. [css] css 界的人生重來槍 – revert
2. 如何重設 CSS 的 property

按讚加入粉絲團

延伸閱讀