7. 小結

2018-08-11 20:57 更新

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

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

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

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號