文章詳情頁
前端 - sass 如何import單條css選擇器
瀏覽:123日期:2023-07-10 16:31:36
問題描述
最近開始用sass,遇到了一個問題,看一下下面的代碼
@import ’base.scss’;.btn { @extend reset-btn;}
在base.scss文件里面,有很多已經(jīng)寫好的選擇器,但是,我只用到一個reset-btn,在這種情況下,我還是把整個base.scss文件里面所有的內(nèi)容全部導(dǎo)了進來,就會有很多重復(fù)并且我用不到的代碼,這種情況下,我該怎么解決呢?
問題解答
回答1:那個如果是寫好的選擇器`.selector {}`會被使用 無解
所以import的文件中 最好都是mixin或者這種
`%selector {}`
sass 虛類形式
回答2:sass不會存在重復(fù)的代碼的,你編譯成css看一下就知道啦,雖然我們可能定義了很多mixin,但是當(dāng)項目中實際沒用的時候是不會被轉(zhuǎn)換成css的,像你這里,最終生成的css也只會reset-btn相關(guān)的css
標(biāo)簽:
CSS
上一條:css3 - 求教CSS圖標(biāo)庫的寫法,也就是先做雪碧圖,然后寫一個css表,用的時候直接用class就可以了下一條:css3 - css怎么實現(xiàn)表單輸入框前面的文字兩端對齊?
相關(guān)文章:
1. javascript - 有什么比較好的網(wǎng)頁版shell前端組件?2. sql語句 - mysql中關(guān)聯(lián)表查詢問題3. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?4. css - div外層有一圈白色5. javascript - [js]為什么畫布里不出現(xiàn)圖片呢?在線等6. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風(fēng)格檢查怎么辦。。。7. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變8. html - vue項目中用到了elementUI問題9. javascript - iframe 為什么加載網(wǎng)頁的時候滾動條這樣顯示?10. javascript - 求解答:實例對象調(diào)用constructor,此時constructor內(nèi)的this的指向?
排行榜

熱門標(biāo)簽