您的当前位置:TAGS -> sass
  • post-css/less/sass样式嵌套与命令之"&"符号—BEM

    前端开发2025年09月23日

    看了《 less 的 & 详解 https://www.jianshu.com/p/127b0974cfc3》,对于此文再做一别补充 常见用法: 直接嵌套写法 .a{ color:red; .b{ color:blue; } } 这一类是最常见的 这个一类是我们日常所常见的 &的高级用法 作为内层选择器表示对父选择器的引用 父...

  • css预处理器scss/sass语法以及使用

    前端开发2025年09月18日

    scss scss在css基础语法上面增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,使用scss可以很方便的提高开发效率 scss语法以.scss文件后缀结尾,其中语法格式有两种sass,scss,两种语法在书写风格有差异,如下代码所示 scss .cont...

  • 使用Sass报错Invalid CSS after ".nickname{": expected "}", was "{"

    前端开发2025年08月24日

    安装 sass 使用所需要的依赖 npm i sass-loader node-sass --save-dev 在项目中使用 <style lang="scss" scoped> </style> 注意这里是lang="scss"不是"sass&quo...

  • 移动端1px线适配问题-------适配各种编译CSS工具 stylus sass styled-componet实现方法

    前端开发2025年08月10日

    其实在stylus与sass中实现移动端1像素线各个手机设备的适配问题的原理是一样的, 首先我还是先介绍一下原理和所依赖的方法 原理:其实他们都是通过css3的媒体查询来实现的 步骤思路: 1、给目标元素进行相对定位 2、给目标元素添加伪元素 ::after/before 并进行绝对定位 3、判断DPI 1DPI 100% --------------使用...

  • Ruby与sass 与compass安装

    后端开发2025年07月20日

    ...

  • sass、git、ruby的安装与使用。

    后端开发2025年07月19日

    安装sass时必须先安装ruby,在安装ruby时勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境 sass安装:http://www.w3cplus.com/sassguide/install.html; 注意事项: 1、安装完ruby之后,在开始菜单中,找到...

  • ruby安装sass报错解决办法

    后端开发2025年07月18日

    ERROR: Could not find a valid gem 'sass' (>= 0), here is why: Unable to download data from http://rubygems.org/ - Errno::EACCES: Per mission denied - connect(2) (http://rub...

  • ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法

    后端开发2025年07月04日

    问题描述: sass文件编译时候使用ruby环境,在xp环境中没有任何问题,但是在windows7环境下无论是界面化的koala工具还是命令行模式的都会出现以下错误: Syntax error: Invalid GBK character “\xE5″ on line of E:\work\sass\sass\_big_box.scss from line...

  • linux和window环境下安装ruby和sass

    后端开发2025年07月01日

    linux下安装ruby 下载linux的ruby安装包 http://www.ruby-lang.org/en/downloads/ 将ruby安装包在linux环境下解压 tar -xvzf ruby-2.5.1.tar.gz 进入ruby安装文件夹 cd ruby-2.5.1.tar.gz 编译源代码(安装ruby) make &&a...