7. 小結(jié)

本文介紹了sass最基本部分,你可以輕松地使用sass編寫清晰、無冗余、語義化的css。對(duì)于sass提供的工具你已經(jīng)有了一個(gè)比較深入的了解，同時(shí)也掌握了何時(shí)使用這些工具的指導(dǎo)原則。

變量是sass提供的最基本的工具。通過變量可以讓獨(dú)立的css值變得可重用，無論是在一條單獨(dú)的規(guī)則范圍內(nèi)還是在整個(gè)樣式表中。變量、混合器的命名甚至sass的文件名，可以互換通用_和-。同樣基礎(chǔ)的是sass的嵌套機(jī)制。嵌套允許css規(guī)則內(nèi)嵌套css規(guī)則，減少重復(fù)編寫常用的選擇器，同時(shí)讓樣式表的結(jié)構(gòu)一眼望去更加清晰。sass同時(shí)提供了特殊的父選擇器標(biāo)識(shí)符&，通過它可以構(gòu)造出更高效的嵌套。

你也已經(jīng)學(xué)到了sass的另一個(gè)重要特性，樣式導(dǎo)入。通過樣式導(dǎo)入可以把分散在多個(gè)sass文件中的內(nèi)容合并生成到一個(gè)css文件，避免了項(xiàng)目中有大量的css文件通過原生的css @import帶來的性能問題。通過嵌套導(dǎo)入和默認(rèn)變量值，導(dǎo)入可以構(gòu)建更強(qiáng)有力的、可定制的樣式?；旌掀髟试S用戶編寫語義化樣式的同時(shí)避免視覺層面上樣式的重復(fù)。你不僅學(xué)到了如何使用混合器減少重復(fù)，同時(shí)學(xué)習(xí)到了如何使用混合器讓你的css變得更加可維護(hù)和語義化。最后，我們學(xué)習(xí)了與混合器相輔相成的選擇器繼承。繼承允許你聲明類之間語義化的關(guān)系，通過這些關(guān)系可以保持你的css的整潔和可維護(hù)性。