sass
qq_34242581
这个作者很懒,什么都没留下…
展开
-
??? sass
from:https://www.sass.hk/guide/同时父选择器标识符还有另外一种用法,你可以在父选择器之前添加选择器。举例来说,当用户在使用IE浏览器时,你会通过JavaScript在标签上添加一个ie的类名,为这种情况编写特殊的样式如下:#content aside { color: red; body.ie & { color: green }原创 2017-05-24 17:07:11 · 249 阅读 · 0 评论 -
sass基本操作
http://www.ruanyifeng.com/blog/2012/06/sass.html@for $i from1 to 10{ .border-#{$i}{ border: #{$i}px solid blue; }}原创 2017-05-24 15:33:34 · 296 阅读 · 0 评论 -
sass 小案例
https://www.sassmeister.com/sass在线的编辑器mixin的强大之处,在于可以指定参数和缺省值。 @mixin left($value: 10px) { float: left; margin-right: $value; }使用的时候,根据需要加入参数: div { @incl原创 2017-05-24 14:59:25 · 937 阅读 · 0 评论 -
sass &的使用
.article a{ font-size:12px; &:hover{color:red;}//----这里涉及父选择器,&的标签都是在里面的;}.art a{ :hover{color:blue;}//----没有&就不是a标签hover伪类触发事件了;}#content aside{ color:red; body.ie & {color:b原创 2017-05-25 10:09:58 · 497 阅读 · 0 评论 -
sass中选择器,css中的选择器可以直接使用;
article { ~ article { border-top: 1px dashed #ccc }//跟在article后同层的子元素article; > section { background: #eee }//artilce下所有的section子元素; dl > { dt { color: #333 } dd { color: #555 }原创 2017-05-25 10:18:15 · 4958 阅读 · 0 评论 -
sass w3cplus.com/sassguide 的笔记 第二部分
/*www.w3cplus.com/sassguide/syntax.html*//*继承*/h1{ border:1px solid #ff9aa9;}.speaker{ @extend h1; border-width:2px;}/*占位器???*//*函数*/$baseFontSize : 10px!default;$gray : #ccc!default;原创 2017-05-25 15:20:59 · 410 阅读 · 0 评论 -
sass w3cplus.com/sassguide 的笔记 第一部分
from : http://www.w3cplus.com/sassguide/syntax.html.content{ @if 1+1!=2{ border: 1px solid #ff00ff; } @else{ border:2px dotted transparent; }} /*可以自定义函数*/@function HoverCol原创 2017-05-25 14:38:43 · 427 阅读 · 0 评论 -
sass scss区别
rrom: http://sass.bootcss.com/docs/scss-for-sass-users/SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外,SCSS 还能识别大部分 CSS hacks(一些 CSS 小技巧)和特原创 2017-05-25 16:18:19 · 706 阅读 · 0 评论