文档章节

scss

那些薄凉的小时光91
 那些薄凉的小时光91
发布于 2017/09/04 17:02
字数 113
阅读 2
收藏 0

 选择器嵌套

header &表示header作为nav的父集

& header表示header作为nav的子集

nav {
  a {
    color: red;

    header & {
      color:green;
    }
  }  
}

属性嵌套

.box {
  font: {
   size: 12px;
   weight: bold;
  }  
}

伪类嵌套

.clearfix{
&:before,
&:after {
    content:"";
    display: table;
  }
&:after {
    clear:both;
    overflow: hidden;
  }
}

混合宏

定义一组错误信息样式

@mixin error($borderWidth:2px){
 border: $borderWidth solid #f00; color: #f00; 
}

调用error样式

.generic-error {
 @include error();/*直接调用error Mixins*/ 
}
 .login-error {
 @include error(3px);/*调用error Mixins,并将$borderWidth参数重定义为3px*/ 
}

 

© 著作权归作者所有

共有 人打赏支持
那些薄凉的小时光91
粉丝 3
博文 23
码字总数 4753
作品 0
昌平
私信 提问
brackets使用brackets-sass插件怎样才能编译的scss输出到指定目录

本地项目: --Sass ---+ css ---+ scss ------+demo1.scss ---+ demo.html ---+ .brackets.json .brackets.json文件内容: /* Resulting file tree will appear as follows: + bower_compone......

流风回雪pj
2016/09/14
369
0
十个有用的Sass Mixins

Sass是世界上最成熟、最稳定、强大而又专业的CSS预处理器。我使用Sass有相当长的一段时间了。发现Sass的Mixins对于任何前端开发人员都非常有用,可以帮助前端开发人员节省很多时间,而且能更...

sunshinewyf
2015/10/04
115
0
利用npm实现scss的自动编译

npm实现scss自动编译 利用npm中--watch开启自动监测,只要ctrl+s自动保存并将scss文件转译为css文件 以下说一下使用步骤: 1. 安装node和npm 2. 安装ruby SASS是Ruby语言写的,但是两者的语法...

说不通的执拗
2016/12/09
26
0
webpack4 系列教程(七): SCSS提取和懒加载

教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步>>> (原文)webpack4 系列教程(七): SCSS 提取和懒加载。 个人技术小站: 有空就来看看, 我一直都在 本节课讲解在中的 SCSS 提取...

godbmw
09/01
0
0
scss转换成css,hotcss

1.将scss文件转换成css文件的步骤: Ubuntu系统: sudo apt-get install ruby sudo apt install ruby-sass sudo gem install sass 建立文件夹,新建index.html 和style.scss 1.cd 文件夹 2.......

wftt
02/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Mybatis 中$与#的区别,预防SQL注入

一直没注意Mybatis 中$与#的区别,当然也是更习惯使用#,没想到避免了SQL注入,但是由于要处理项目中安全渗透的问题,不可避免的又遇到了这个问题,特此记录一下。 首先是共同点: 在mybatis...

大雁南飞了
9分钟前
0
0
Cydia的基石:MobileSubstrate

在MAC与IOS平台上,动态库的后缀一般是dylid,而加载这些动态库的程序叫做dynamic linker(dyld)。这个程序有很多的环境变量来设置程序的一些行为,最为常用的一个环境变量叫做"DYLD_INSERT_...

HeroHY
11分钟前
0
0
Spring Clould负载均衡重要组件:Ribbon中重要类的用法

Ribbon是Spring Cloud Netflix全家桶中负责负载均衡的组件,它是一组类库的集合。通过Ribbon,程序员能在不涉及到具体实现细节的基础上“透明”地用到负载均衡,而不必在项目里过多地编写实现...

Ala6
20分钟前
0
0
让 linux 删除能够进入回收站

可以参考这个贴子 https://blog.csdn.net/F8qG7f9YD02Pe/article/details/79543316 从那个git地址 把saferm.sh下载下来 把saferm.sh复制到 /usr/bin 目录下 在用~/目下 的.bashrc 下加一句这...

shzwork
30分钟前
0
0
Qt那些事0.0.9

关于QThread,无F*k说的。文档说的差不多,更多的是看到很多人提到Qt开发者之一的“你TM的做错了(You're doing it wrong...)”,这位大哥2010年写的博客,下面评论很多,但主要还是集中在2...

Ev4n
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部