只要一個CSS指令,搶救ul,ol在reset.css後失效的list-style-type

為了能讓通用的瀏覽器顯示一致,通常會使用Reset.css的作法,將歸零重置

Reset CSS是由知名的CSS大師「Eric A. Meyer」所統整出來的設定檔案,這個檔案主要是針對各別瀏覽器發生顯示不一致的樣式進行調整,使網頁在每個瀏覽器的顯示呈現有相同的效果。

Reset.css中ul,ol通常會用以下指令使其顯示統一:
ul,ol {
margin:0;
padding:0;
list-style:none;
}

但在這樣的指令下,造成部分樣式指令要重新顯示list-style-type給ul,ol,都無法有任何作用。

因次,你只要補上這個語法ul{padding:20px;},圓點和方塊就會顯示囉!

 

  • Top