Mac M系列芯片 vue前端node-sass兼容问题解决
0、由于M系列芯片是arm架构，在使用brew安装node时都是arm的node，但是node-sass@4.14.1版本中不支持arm架构的出现如下报错： Error: Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64) with Unsupported r
TAGS:sass
使用Sass报错Invalid CSS after ".nickname{": expected "}", was "{"
安装 sass 使用所需要的依赖 npm i sass-loader node-sass --save-dev 在项目中使用 <style lang="scss" sco
Html/CSS 2023年07月12日 72
css预处理器scss/sass语法以及使用
scss scss在css基础语法上面增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，使用scss可以很方便的提高开发效率 scss语法以.scss文件后缀结尾，其中语法格式有两种sass,scss,两种语法在书写风格有差异，如下代码所示 scss .container { width: 1
Html/CSS 2023年07月11日 64
post-css/less/sass样式嵌套与命令之"&"符号—BEM
看了《 less 的 & 详解 https://www.jianshu.com/p/127b0974cfc3》，对于此文再做一别补充 常见用法： 直接嵌套写法 .a{ color:red; .b{ color:blue; } } 这一类是最常见的 这个一类是我们日常所常见的 &的高级用法 作为内层选择器表示对父选择器的引用 父选择器运算符 & 的
Html/CSS 2023年07月11日 86
sass 常用备忘案例详解
一、变量 所有变量以$开头 $font_size: 12px; .container{ font-size: $font_size; } 如果变量嵌套在字符串中，需要写在#{}中 $side : left; .rounded { border-#{$side}: 1px solid #000; } 二、嵌套 层级嵌套 .co
Html/CSS 2023年07月11日 93
