相比于傳統(tǒng)的css，LESS增加了幾個(gè)核心功能，如變量、混合、函數(shù)等，讓頁(yè)面的樣式動(dòng)態(tài)起來(lái)了。上一章介紹了LESS中函數(shù)的使用和規(guī)范，本章來(lái)介紹一下LESS的嵌套與繼承。
一，嵌套
Less 提供了使用嵌套代替層疊或與層疊結(jié)合使用的能力。我們之前選擇器層疊使用如圖所示：
結(jié)構(gòu)復(fù)雜且冗余，編寫(xiě)起來(lái)十分不方便，而Less的嵌套寫(xiě)法如圖：
用 Less 書(shū)寫(xiě)的代碼更加簡(jiǎn)潔，并且結(jié)構(gòu)上更符合 HTML 的組織結(jié)構(gòu)。
在嵌套規(guī)則中， & 表示父選擇器，常用于給現(xiàn)有選擇器添加偽類(lèi)。如圖：
編譯后的代碼為
.fanhui img {margin-right : 9px;}
二，繼承
繼承可讓多個(gè)選擇器應(yīng)用同一組屬性，最終編譯為并集選擇器。其性能比混合高，但靈活性比混合低。
編譯后的代碼為：
ul li {
background: blue;
}
.red,
ul li {
color: red;
}
