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

為了賬號安全，請及時綁定郵箱和手機立即綁定
提交默認的length屬性報錯是因為什么
先學到，等到大項目用，小頁面的話用不太到
一直沒用sass，現在學啦過后感覺可以優化不少代碼
無fuck可說
暫時用不到，知道有這么個東西。等用到再看
@which
$types: 4;
$type-width: 20px;

@while $types > 0 {
.while-#{$types} {
width: $type-width + $types;
}
$types: $types - 1;
}
@for $i from 4 through 1{
.while-#{$i}{
width:$type-width + $i
}
}
看起來有用 但我還是選擇控制臺算百分比。。
$list: archer saber lancer caster rider;
@each $eachTest in $list{
.nav.#{$eachTest}{
width: 10px;
background-image: url("imagers/#{$eachTest}.png");
}
}
@mixin ifTest($test:true,$test2:true){
@if $test{
width: $test;
}
@else if $test2{
height: $test2;
}
@else{
width: 50px;
height: 50px;
}
}

.boxs{
@include ifTest(10px)
}
.boxs2{
@include ifTest(false,20px)
}
.boxs3{
@include ifTest(false,false)
}
.boxs { width: 10px; }
.boxs2 { height: 20px; }
.boxs3 { width: 50px; height: 50px; }
@mixin ifTest($test:true,$test2:true){
@if $test{
width: $test;
}
@else if $test2{
height: $test2;
}
@else{
width: 50px;
height: 50px;
}
}
.boxs{
@include ifTest(10px)
}
.boxs2{
@include ifTest(false,20px)
}
.boxs3{
@include ifTest(false,false)
}
和寫在外面的效果一樣 但保證了嵌套的結構性
創建example.scss就不會編譯失敗了
#main {

@import "example";

}
編譯不通過。是因為這里的"example"是個scss文件，類名繼承應該用@extend .example
如果你有一個 SCSS 或 Sass 文件需要引入， 但是你又不希望它被編譯為一個 CSS 文件， 這時，你就可以在文件名前面加一個下劃線，就能避免被編譯。
就是帶下劃線前綴的scss文件不會編譯成css文件，在koala中編譯時會沒有該文件；
但可以在其他scss中@import該文件后編譯，而且不用加下劃線前綴.
首頁上一頁18192021222324下一頁尾頁
課程須知
對CSS有一定的了解，以及最好是學習完成《sass基礎篇》課程，才可以更好的學習本課程。
老師告訴你能學到什么？
1、Sass 的控制命令 2、Sass 的函數功能 3、Sass 的函數的 @ 規則

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消