如何在CSS中使用註釋
CSS使您能夠在CSS文件或style
頁面標題中的標籤
格式是/* this is a comment */
C樣式(或JavaScript樣式,如果您願意的話)註釋。
這是多行註釋。直到您添加結束*/
標記,將對開頭的所有行進行註釋。
例子:
#name { display: block; } /* Nice rule! */
/* #name { display: block; } */
#name {
display: block; /*
color: red;
*/
}
CSS沒有內聯註釋,例如//
在C或JavaScript。
不過請注意-如果您添加//
在規則之前,該規則將不會被應用,就像註釋起作用一樣。實際上,CSS檢測到語法錯誤,由於它的工作方式,它忽略了出現錯誤的行,並直接進入下一行。
知道這種方法後,您就可以有目的地編寫內聯註釋,儘管您必須小心,因為您不能像在塊註釋中那樣添加隨機文本。
例如:
// Nice rule!
#name { display: block; }
在這種情況下,由於CSS的工作原理,#name
規則實際上已被註釋掉。您可以找到更多詳細信息這裡如果您發現這個有趣。為了避免腳步被槍殺,只需避免使用內聯註釋並依靠塊註釋。
免費下載我的CSS手冊
更多CSS教程:
- Flexbox指南
- CSS網格教程
- CSS變量(自定義屬性)
- PostCSS簡介
- CSS保證金屬性
- 如何使用CSS將元素居中
- CSS系統字體
- 如何使用樣式打印HTML
- CSS過渡入門指南
- CSS動畫教程
- CSS簡介
- CSS指南
- 如何使用PurgeCSS和PostCSS設置Tailwind
- 尾風備忘單
- 如何使用CSS連續旋轉圖像
- 使用CSS使表響應
- 如何通過二等分來調試CSS
- CSS選擇器
- CSS級聯
- CSS特異性
- CSS屬性選擇器
- CSS顏色
- CSS單位
- CSS url()
- CSS排版
- CSS Box模型
- CSS位置屬性
- CSS媒體查詢和響應式設計
- CSS功能查詢
- CSS轉換
- 如何使用CSS設置列表樣式
- CSS供應商前綴
- CSS繼承
- CSS偽類
- CSS偽元素
- 用CSS樣式化HTML表
- CSS Display屬性
- CSS calc()函數
- CSS邊框
- 使用@import導入CSS文件
- CSS錯誤處理
- CSS過濾器
- CSS Box大小
- CSS背景
- CSS註釋
- CSS字體
- CSS填充
- CSS float屬性和清除
- CSS規範化
- CSS z-index屬性
- 如何使用CSS禁用文本選擇
- 如何使用CSS將項目放在其容器的底部
- 如何使用CSS反轉顏色
- CSS中的響應式前置標籤
- 自適應YouTube視頻嵌入
- 響應式設計的良好CSS斷點值是多少?
- 如何在Flexbox中對齊中心