4. 靜默注釋

2018-08-11 21:11 更新

css中注釋的作用包括幫助你組織樣式、以后你看自己的代碼時(shí)明白為什么這樣寫(xiě),以及簡(jiǎn)單的樣式說(shuō)明。但是,你并不希望每個(gè)瀏覽網(wǎng)站源碼的人都能看到所有注釋。

sass另外提供了一種不同于css標(biāo)準(zhǔn)注釋格式/* ... */的注釋語(yǔ)法,即靜默注釋?zhuān)鋬?nèi)容不會(huì)出現(xiàn)在生成的css文件中。靜默注釋的語(yǔ)法跟JavaScriptJava等類(lèi)C的語(yǔ)言中單行注釋的語(yǔ)法相同,它們以//開(kāi)頭,注釋內(nèi)容直到行末。

body {
  color: #333; // 這種注釋內(nèi)容不會(huì)出現(xiàn)在生成的css文件中
  padding: 0; /* 這種注釋內(nèi)容會(huì)出現(xiàn)在生成的css文件中 */
}

實(shí)際上,css的標(biāo)準(zhǔn)注釋格式/* ... */內(nèi)的注釋內(nèi)容亦可在生成的css文件中抹去。當(dāng)注釋出現(xiàn)在原生css不允許的地方,如在css屬性或選擇器中,sass將不知如何將其生成到對(duì)應(yīng)css文件中的相應(yīng)位置,于是這些注釋被抹掉。

body {
  color /* 這塊注釋內(nèi)容不會(huì)出現(xiàn)在生成的css中 */: #333;
  padding: 1; /* 這塊注釋內(nèi)容也不會(huì)出現(xiàn)在生成的css中 */ 0;
}

你已經(jīng)掌握了sass的靜默注釋?zhuān)私饬吮3?code>sass條理性和可讀性的最基本的三個(gè)方法:嵌套、導(dǎo)入和注釋?,F(xiàn)在,我們要進(jìn)一步學(xué)習(xí)新特性,這樣我們不但能保持條理性還能寫(xiě)出更好的樣式。首先要介紹的內(nèi)容是:使用混合器抽象你的相關(guān)樣式。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)