99re热视频这里只精品,久久久天堂国产精品女人,国产av一区二区三区,久久久精品成人免费看片,99久久精品免费看国产一区二区三区

基礎

2018-02-24 15:11 更新

話雖如此,混合宏確實非常有用,你應該學習使用它。經驗告訴我們,如果你發(fā)現有一組 CSS 屬性經常因同一個原因一起出現(非巧合),那么你就可以使用混合宏來代替。比如Nicolas Gallagher的清除浮動應當放入一個混合宏的實例。

/// Helper to clear inner floats
/// @author Nicolas Gallagher
/// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix
@mixin clearfix {
  &::after {
    content: '';
    display: table;
    clear: both;
  }
}

另一個有效的實例是通過在混合宏中綁定?width?和?height?屬性,可以為元素設置寬高。這樣不僅會淡化不同類型代碼間的差異,也便于閱讀。

/// Helper to size an element
/// @author Hugo Giraudel
/// @param {Length} $width
/// @param {Length} $height
@mixin size($width, $height: $width) {
  width: $width;
  height: $height;
}

擴展閱讀

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號