css3 - sass中Mixins中each循環的問題
問題描述
@mixin css3($property, $value) { @each $prefix in -webkit-, -moz-, -ms-, -o-, ’’ {#{$prefix}#{$property}: $value; }}@mixin css3after($property, $value) { @each $prefix in -webkit-, -moz-, -ms-, -o-, ’’ {$property: #{$prefix}#{$value}; }}header{ @include css3after(display,box);}.border_radius { @include css3(transition, 0.5s);}
為什么 .border_radius 的引用是成功的,但是 header的就是失敗的??
.border_radius成功后是這樣的:
.border_radius { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
問題解答
回答1:@mixin css3after($property, $value) { @each $prefix in -webkit-, -moz-, -ms-, -o-, ’’ {#{$property}: #{$prefix}#{$value}; }}
這樣試試,屬性名應該用這種形式
相關文章:
1. html - 移動端radio無法選中2. javascript - 使用echarts做一個橫向的柱狀圖,但是數據超出坐標軸范圍了怎么辦?3. JavaScript事件4. javascript - 關于ajax上傳多圖問題。5. 正則表達式 - python pandas的sep參數問題6. javascript - webpack打包后的bundlejs文件代碼不知道什么意思.7. javascript - es6模塊加載export的輸出值有點沒太搞明白8. css - 移動端 line-height安卓錯位,蘋果機正常用,縮放解決了,可是又出來了占位的問題9. javascript - 在靜態頁面上用load 引入的頁面文件問題?10. javascript - Element UI表格錯行
