【sass占位符、混合宏、继承优缺点是什么，适用哪些场景？ _Sass 】

sass占位符、混合宏、继承优缺点是什么，适用哪些场景？

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

Sass

详细描述

截图

代码

@charset "UTF-8";
/*
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
*/
html {
  font-size: 62.5%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

/* 去掉 table cell 的边距并让其边重合*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 去掉列表前的标识，li 会继承 */
ol, ul {
  list-style: none;
}

/* 让链接在 hover 状态下显示下划线 */
a {
  text-decoration: none;
  color: #000000;
}

编辑于2025-03-30

时间排序

热门排序

[上海|荣耀师兄]JS-陈杰
0

混合器一般用于复用较多的场景，比如正方形，圆形三角形，flex布局只需要改变变量就可以得到大小不一的图形，布局，
占位符%
优势在于：如果不调用则不会有任何多余的css文件，避免了以前在一些基础的文件中预定义了很多基础的样式，然后实际应用中不管是否使用了@extend去继承相应的样式，都会解析出来所有的样式。占位选择器以%标识定义，通过@extend调用。
而继承是通过继承父元素的属性来少些几行代码

查看全部>

编辑于2019-01-18

去第页