驗證CSS格式

在一個項目上，客戶端正在請求將css文件代碼更改爲這樣的一些內容。驗證CSS格式

例如：

div.fp_grid table td.col2 
{ text-align: center; } 
div.fp_grid table td.col2 .body_box 
{ margin: 0 auto; }

變爲：

div.fp_grid { td.col2 { text-align: center; .body_box { margin: 0 auto; } } }

但似乎CSS無效甲酸我一些指導可以理解你有什麼想法。

2013-10-18 sT0n3

你的客戶爲什麼要這樣做？ – putvande

似乎與縮小一個CSS文件 –

你是對的;那是無效的CSS。像Less和Sass這樣的CSS預處理器使用這樣的語法，但是如果他們使用其中之一，他們應該告訴你。如果他們沒有使用其中一個，他們會要求無效的CSS。 – Spudley

您在那裏的CSS在語法上是正確的。他們似乎要求的格式與嵌入CSS預處理語言（如SASS）的格式一致，例如參見http://sass-lang.com/guide。

2013-10-18 12:02:31

這確實是錯誤的CSS。

CSS不使用嵌套選擇器。

你有上面的標記是正確的，通常壽你會寫CSS是這樣的：

#selector { 
    margin: 0 auto; 
    padding: 0 auto; 
}

這提高了可讀性，這樣它會更容易在將來改變。

您可以隨時使用在線CSS壓縮工具刪除CSS文件中過多的空白。

CSS不會在無效標記tho上給出任何錯誤，它只是跳過它，因爲它不知道它是什麼意思，所以如果嵌套你的盒子將是不方便的。

2013-10-18 12:01:01 SidOfc

這是無效的CSS，它是CSS處理器。你可以試試這個服務：http://css2sass.heroku.com/

把你的第一個代碼塊，然後點擊轉換2 SCSS，你會得到第二個塊。

2013-10-18 12:01:16 nXqd

回答