css
css样式、css相关编辑工具
糖糖246
这个作者很懒,什么都没留下…
展开
-
scss混合mixin与继承extend的使用(继承篇)
继承(extend) 理解: 包含多个样式的‘变量’,一个正常使用的样式类,不管以后继不继承,都会被编译解析。 若单独为继承而写的样式类,本身不想被编译解析,可以使用占位符%来定义样式类。 解析时是将用了继承样式类的选择器复制到一起,复制的是选择器,而不是定义的样式类。 基本使用: 优点: 编译后不会产生大量样式代码 缺点: 1. 不能带参 2. 后代选择器( )和兄弟选择器(+),[email protected] 已经支持了 ...原创 2021-07-30 14:14:56 · 706 阅读 · 0 评论 -
scss混合mixin与继承extend的使用(混合篇)
混合(Mixin) 理解: 包含多个样式的‘变量’,定义的混合若不使用,就不会解析到css样式中;使用过后,解析时,相当于将定义的样式复制到使用的位置。 优点: 可以传参。 缺点: 因为解析时是复制代码,解析后会有大量代码。 基本使用: 定义混合: @mixin mixin-name() { /* css 声明 */ } 使用混合: body{ @include mixin-name(); ... } 解析格式: body{ /* css 声明 */原创 2021-07-30 12:22:58 · 362 阅读 · 0 评论