有時候在 firefox 裡,我的 CSS 會失效。
把單行註解都換掉後就正常了。
單行註解: // 註解到行尾
多行註解: /* 註解到下一個星號斜線為止 */
## 單行註解的問題 ##
猜想是有時瀏覽器會把壓縮 CSS 檔,
把多行併成一行。
dt {
float: left; // 讓 dt 保持在同行
text-weight: 500;
}
會變成:
dt{ float: left; // 讓 dt 保持在同行 text-weight: 500; }
讓其它東西也被註解掉;
而註解掉大括號就會錯誤……。
參考:
http://lists.w3.org/Archives/Public/public-html-ig-zh/2012Sep/0000.html
(註:
W3C HTML5 中文興趣小組是一群人把 w3c 的討論翻成中文,
一起討論的……,一群人吧?)
## 不喜歡多行註解 ##
我用多行註解不習慣的原因是如果一系列樣式:
dt {
float: left; /* 讓 dt 保持在同行 */
text-weight: 500;
}
想直接停用;註解掉會不太方便。
/*
dt {
float: left; /* 讓 dt 保持在同行 */
text-weight: 500;
}
*/
註解會被 float 那行的註解結束,然後格式錯誤……。
還要去注意。