作者leizzzz (叽哩咕噜稀哩哗啦)
看板Web_Design
标题[问题] sass-bootstrap的mixins?
时间Thu Dec 4 09:28:40 2014
想请教一下有使用sass版Bootstrap的前辈们~
sass版本里面有多一个mixins的资料夹
我知道它可以让我们这样写:
div {
@include make-row();
}
但是这跟使用@extend的差别在哪里呢？
div {
@extend .row;
}
生出来的CSS是不一样，但是效果似乎没差？
想请问一下，什麽情况要用mixin，什麽情况适合extend呢？
我目前都只有使用extend (因为字比较少XD)
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.163.34.139
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1417656523.A.F58.html
1F：推 ymcheung: 一个是叫设定好的 mixin，一个是读入普通css class吧 12/04 10:32
谢谢楼上解答，我大概知道mixin跟extend怎麽使用，我平常自己也有写一些mixins，只是好奇如果是Bootstrap的mixins，似乎用extend都可以替代？但如果这样那些mixins又有什麽用处，不知道是否有一些我没用到的好用功能？
※ 编辑: leizzzz (118.163.34.139), 12/04/2014 13:53:21
3F：推 EROS4: 在不同 media query 内只能用 @include 喔 12/05 12:20
4F：推 wretch1790: 印象中…mixin是类似可以带参数进的function,extend就 12/05 20:55
5F：→ wretch1790: 很单纯是继承不会带数,有误误打脸XD 12/05 20:55
6F：推 aspdoctor: 看一下他产生的css就能理解罗，一个把选取器加到extend 12/13 02:01
7F：→ aspdoctor: 後面，一个把样式复制进来 12/13 02:01
8F：推 aspdoctor: 多用extend的目的就是同样的东西不要重复多次去做，这 12/13 02:04
9F：→ aspdoctor: 样code乾净，也做到DRY的原则，让别人觉得你css写得很g 12/13 02:04
10F：→ aspdoctor: eek 12/13 02:04