1-3. 變量名用中劃線還是下劃線分隔

sass的變量名可以與css中的屬性名和選擇器名稱相同，包括中劃線和下劃線。這完全取決于個(gè)人的喜好，有些人喜歡使用中劃線來分隔變量中的多個(gè)詞(如$highlight-color)，而有些人喜歡使用下劃線(如$highlight_color)。使用中劃線的方式更為普遍，這也是compass和本文都用的方式。

不過，sass并不想強(qiáng)迫任何人一定使用中劃線或下劃線，所以這兩種用法相互兼容。用中劃線聲明的變量可以使用下劃線的方式引用，反之亦然。這意味著即使compass選擇用中劃線的命名方式，這并不影響你在使用compass的樣式中用下劃線的命名方式進(jìn)行引用:

$link-color: blue;
a {
  color: $link_color;
}

//編譯后

a {
  color: blue;
}

在上例中，$link-color和$link_color其實(shí)指向的是同一個(gè)變量。實(shí)際上，在sass的大多數(shù)地方，中劃線命名的內(nèi)容和下劃線命名的內(nèi)容是互通的，除了變量，也包括對(duì)混合器和Sass函數(shù)的命名。但是在sass中純css部分不互通，比如類名、ID或?qū)傩悦?/p>

盡管變量自身提供了很多有用的地方，但是sass基于變量提供的更為強(qiáng)大的工具才是我們關(guān)注的焦點(diǎn)。只有當(dāng)變量與sass的其他特性一起使用時(shí)，才能發(fā)揮其全部的潛能。接下來，我們將探討其中一個(gè)非常重要的特性，即規(guī)則嵌套。