1. 首页
  2. 存储
  3. HP
  4. vue脚手架中配置Sass的方法

vue脚手架中配置Sass的方法

上传者: 2020-09-01 01:04:33上传 PDF文件 103.21KB 热度 36次

嵌套css规则css中重复写选择器是非常恼人的。sass在输出css时会帮你把这些嵌套规则处理好,避免你的重复书写。然而,后果是只有执行到@import时,浏览器才会去下载其他css文件,这导致页面加载起来特别慢。这意味着所有相关的样式被归纳到了同一个css文件中,而无需发起额外的下载请求。下边的这段sass代码,定义了一个非常简单的混合器,目的是添加跨浏览器的圆角边框。因为继承仅仅是重复选择器,而不会重复属性,所以使用继承往往比混合器生成的css体积更小。混合器本身不会引起css层叠的问题,因为混合器把样式直接放到了css规则中,而继承存在样式层叠的问题。

下载地址
用户评论