如何在 CSS 中使用註解

CSS 允許您在 CSS 文件中,或是頁面標頭的 style 標籤中寫註解。

格式是 C-style(或者您喜歡的 JavaScript-style)的註解,使用 /* 這是一個註解 */

這是一個多行註解。在您添加結束的 */ 標記之前,所有在開頭行之後的行都會被註解掉。

範例:

#name { display: block; } /* 好規則! */

/* #name { display: block; } */

#name {
 display: block; /*
 color: red;
 */
}

CSS 沒有像 C 語言 或 JavaScript 中的 // 這樣的行內註解。

然而請注意,如果您在規則之前加上 //,這條規則將不會被應用,看起來就像註解生效了。實際上,CSS 檢測到語法錯誤後,會忽略帶有錯誤的行,直接處理下一行。

知道這一點後,您可以有意地編寫行內註解,但要小心,因為您無法像在區塊註解中那樣隨意添加文字。

例如:

// 好規則!
#name { display: block; }

在這個例子中,由於 CSS 的工作原理,#name 規則實際上被註解掉了。如果您對此感興趣,您可以在 這裡 找到更多細節。為了避免不必要的麻煩,請避免使用行內註解,並依賴於區塊註解。