sass

變量

可以實現統一的布局，比如統一的內邊距，統一的外邊距，統一的顏色，統一的字號。　　

?

嵌套

可以根據組件的嵌套方式來嵌套css代碼，方便收縮，查找。代碼結構非常清晰，有利于以組件的方式開發

?

混合

代碼重用的時候需要用到，運用混合又會遇到另外一個問題，當相同的代碼在不同的地方重新編寫，會使代碼冗余，比如：

@mixin clearfix{&:before,&:after{display:block;content:'';height:0;clear:both;}}.container{@include clearfix; }.tab{@include clearfix; }

這個時候，在編譯之后的css文件里面，clearfix這段代碼其實是重復寫了很多次，以下面的編寫方式才是對的

@mixin clearfix{&:before,&:after{display:block;content:'';height:0;clear:both;} }.container,.tab{@include clearfix; }

?

組件　　　

sass編寫組件時都是以[class='tab'],[name='tab'],[type='text'],[type='password']的方式來編寫，也就是說，不能用ID或者name來編寫。

ID或者name一般是用來實例化插件或者供后臺程序使用

?

轉載于:https://www.cnblogs.com/MonaSong/p/5421012.html

總結

以上是生活随笔為你收集整理的sass最佳实践的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。