css
中注釋的作用包括幫助你組織樣式、以后你看自己的代碼時明白為什么這樣寫,以及簡單的樣式說明。但是,你并不希望每個瀏覽網站源碼的人都能看到所有注釋。
sass
另外提供了一種不同于css
標準注釋格式/* ... */
的注釋語法,即靜默注釋,其內容不會出現在生成的css
文件中。靜默注釋的語法跟JavaScript
Java
等類C
的語言中單行注釋的語法相同,它們以//
開頭,注釋內容直到行末。
body {
color: #333; // 這種注釋內容不會出現在生成的css文件中
padding: 0; /* 這種注釋內容會出現在生成的css文件中 */
}
實際上,css
的標準注釋格式/* ... */
內的注釋內容亦可在生成的css
文件中抹去。當注釋出現在原生css
不允許的地方,如在css
屬性或選擇器中,sass
將不知如何將其生成到對應css
文件中的相應位置,于是這些注釋被抹掉。
body {
color /* 這塊注釋內容不會出現在生成的css中 */: #333;
padding: 1; /* 這塊注釋內容也不會出現在生成的css中 */ 0;
}
你已經掌握了sass
的靜默注釋,了解了保持sass
條理性和可讀性的最基本的三個方法:嵌套、導入和注釋?,F在,我們要進一步學習新特性,這樣我們不但能保持條理性還能寫出更好的樣式。首先要介紹的內容是:使用混合器抽象你的相關樣式。
更多建議: