文章詳情頁
前端 - sass 如何import單條css選擇器
瀏覽:184日期:2023-07-10 16:31:36
問題描述
最近開始用sass,遇到了一個問題,看一下下面的代碼
@import ’base.scss’;.btn { @extend reset-btn;}
在base.scss文件里面,有很多已經寫好的選擇器,但是,我只用到一個reset-btn,在這種情況下,我還是把整個base.scss文件里面所有的內容全部導了進來,就會有很多重復并且我用不到的代碼,這種情況下,我該怎么解決呢?
問題解答
回答1:那個如果是寫好的選擇器`.selector {}`會被使用 無解
所以import的文件中 最好都是mixin或者這種
`%selector {}`
sass 虛類形式
回答2:sass不會存在重復的代碼的,你編譯成css看一下就知道啦,雖然我們可能定義了很多mixin,但是當項目中實際沒用的時候是不會被轉換成css的,像你這里,最終生成的css也只會reset-btn相關的css
標簽:
CSS
相關文章:
1. boot2docker無法啟動2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. docker-compose中volumes的問題4. docker安裝后出現Cannot connect to the Docker daemon.5. nignx - docker內nginx 80端口被占用6. java - SSH框架中寫分頁時service層中不能注入分頁類7. javascript - mock.js可以存儲數據嗎8. docker api 開發的端口怎么獲取?9. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?10. golang - 用IDE看docker源碼時的小問題
排行榜

網公網安備