前言:
此刻朋友们对“scss和css”大致比较关怀,兄弟们都想要了解一些“scss和css”的相关知识。那么小编也在网摘上汇集了一些有关“scss和css””的相关内容,希望朋友们能喜欢,姐妹们一起来了解一下吧!1、基本定义
SCSS 即是 SASS 的新语法,是 Sassy CSS 的简写,是 CSS3 语法的超集,也就是说所有有效的 CSS3 样式也同样适合于 SASS,SASS 是 CSS3 的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等,通过使用命令行的工具或 WEB 框架插件把它转换成标准的、格式良好的 CSS 代码。
2、使用步骤:
(1,1)先装 css-loader、node-loader、sass-loader 等加载器模块
(1,2)在 build 目录找到 webpack.base.config.js,在那个 extends 属性中加一个拓展.scss
(1,3)在同一个文件,配置一个 module 属性
(1,4)然后在组件的 style 标签加上 lang 属性 ,例如:lang=”scss”
3、特性:
(3,1)可以用变量,例如($变量名称=值)
(3,2)可以用混合器,例如()
(3,3)可以嵌套
标签: #scss和css