亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

sass 和less選擇問題

sass 和less選擇問題

明月笑刀無情 2019-04-08 11:19:25
現在bootstrap也有官方sass版本用了一段時間bootstraplesssass沒有實踐過,大概看了下文檔,中文SASS文檔看了下compass,源碼很久沒更新了,感覺很多功能bootstrapmixins有類似的另外發現一個extend的區別lesstocss//less.text-left{text-align:left;}.text-right{text-align:right;}.important{&:extend(.text-left);&:extend(.text-right);}.mm{.text-left{color:#ff0;}}.text-left,.important{text-align:left}.text-right,.important{text-align:right}.mm.text-left{color:#ff0}scsstocss//scss.text-left{text-align:left;}.text-right{text-align:right;}.important{@extend.text-left;@extend.text-right;}.mm{.text-left{color:#ff0;}}.text-left,.important{text-align:left;}.text-right,.important{text-align:right;}.mm.text-left,.mm.important{color:#ff0;}sass會生成.mm.important這個預期不想要的選擇器sass在合并選擇器時似乎會生成多余的選擇器,而less就不會bootstrap源碼.btn-group-xs>.btn{@extend.btn-xs;}sass版本的最終會生成.navbar-btn.btn-xs,.btn-group-xs>.navbar-btn.btn{margin-top:14px;margin-bottom:14px;}而less的只是.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px;}另外less也可以不用extend直接.important{.text-left;.text-right;}像.clearfix這種包含偽類的還是得用extend避免生成多余選擇器不考慮rubyonrails和sass的語法簡潔特性webstormemmet時.scss自動換行.sass不換bourbon和lesshat這些文檔還沒看,求討論下sassless如何選擇?
查看完整描述

2 回答

?
慕絲7291255

TA貢獻1859條經驗 獲得超6個贊

不考慮IDE/普及度等,只看語言本身的話,Stylus碾壓**ss無壓力
然后考慮上所有要素的話,bootstrap用less,這就夠我選less了
                            
查看完整回答
反對 回復 2019-04-08
?
ibeautiful

TA貢獻1993條經驗 獲得超6個贊

有些框架比如Bootstrap帶less版支持,而RubyonRails默認支持的是sass。一個工具而已,用著順手就好。
                            
查看完整回答
反對 回復 2019-04-08
  • 2 回答
  • 0 關注
  • 1360 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號