sass hack

1..color1color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/

2..color2color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/

3..color3color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/

4..color4color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/

看到这样的hack兼容,是不是头皮发麻,所以用sass简单书写一个引用

//hack定义属性
@mixin iePro($pro,$value) {
    #{$pro} /*\**/:#{$value}\9;
}
.box {
  @include iePro(background,red);}

这样子,就清晰明了很多。

时间: 2024-10-12 13:13:16

sass hack的相关文章

【Share Code | 每天一点PHP】2017和2018年最好的PHP IDE比较

更多资源 & 原文链接:https://zhaoshuquan.com/posts/13 2017和2018年最佳PHP编辑器列表 Codelobster -Developed by: Codelobster Eclipse PDT: PHP Development Environment (Eclipse PHP IDE) Developed by: Eclipse Komodo IDE Developed by: ActiveState Netbeans Developed by: Orac

sass学习笔记(一)接上个 持续学习中..(还发现个讲解的bug) sass至少我现在学的版本支持局部变量了

6.全局变量 sass暂时没有局部变量 局部定义变量会覆盖全局变量 新出!global 不过要sass 3.4版本以后        (这句呢,,我觉得是错的 开始写的时候没测试 现在发现我觉得他是有局部作用域的 具体明天问作者~ 我已经加群提问题了) 例: $font-size:12px; 设置全局 body { $font-size:14px: //覆盖掉了全局 font-size:$font-size //14 } p { font-size:$font-size; //14 这个我觉得是

为什么要使用sass

或许你已经听过一个叫作Sass的东东?可能你已经了解它,并且你能像大师一样写出一些函数? 对于不清楚我在讲什么的读者或者客户,你们可以想想web开发过程,你们的期望和站点用户的体验想要怎样的.无论如何,我都要给大家分享一下,为什么我认为Sass是一个很好的东西. 对于那些不熟悉web前端开发的人,Sass和CSS或许只是一些让人感觉凌乱的词语,但就是这些词语,对于幕后的开发过程是很重要! 优势总结 易维护,更方便的定制 对于一个大型或者稍微有规模的UI来说,如果需要替换下整体风格,或者是某个字体

CSS预处理器Sass(Scss)、Less、Stylus

CSS 预处理编译器能让我成程序化其的方式编写CSS代码,可以引入CSS中没有的变量.条件.函数等特性,从而让代码更简单易维护,但一般按预处理器语法编写的代码无法直接在浏览器中运行,需用通过工具比如gulp转换成标准的CSS语法,从而在浏览器中运行.个人理解它是标准CSS语法的扩展及增强,能在一定程度上提高编码效率. 三种预处理器的对比: Sass诞生是最早也是最成熟的CSS预处理器,有Ruby社区和Compass支持:安装.编译依赖Ruby环境: Stylus早期服务器Node JS项目,在该

compass General 常用api学习[Sass和compass学习笔记]

compass 中一些常用api 包括一些浏览器hack @import "compass/utilities/general" Clearfix Clearfix 是用来清除浮动 float 造成的内容问题,以前用clear 方法可以解决,通过查看Clearfix 的源码发现对与高版本的浏览器其实已经可以不用了 ? 1 2 3 4 @mixin clearfix {   overflow: hidden;   @include has-layout; } 用overflow 就可以了

十个有用的Sass Mixins

Sass是世界上最成熟.最稳定.强大而又专业的CSS预处理器.我使用Sass有相当长的一段时间了.发现Sass的Mixins对于任何前端开发人员都非常有用,可以帮助前端开发人员节省很多时间,而且能更好的利用. Sass的Mixins可以让你声明任何可重用的CSS代码块.你甚至可以通过传值,使用你的Mixins更佳灵活.它让前端开发人员节省了大量的时间,确保前端人员写出来的代码不会冗余而且便于组织和管理代码. 我推荐使用Compass,因为他创建了很多有用的Mixins,简化了前端开发人员的很多工

less和sass的介绍和差异

● 混入(Mixins)——class中的class: ● 参数混入——可以传递参数的class,就像函数一样: ● 嵌套规则——Class中嵌套class,从而减少重复的代码: ● 运算——CSS中用上数学: ● 颜色功能——可以编辑颜色: ● 名字空间(namespace)——分组样式,从而可以被调用: ● 作用域——局部修改样式: ● JavaScript 赋值——在CSS中使用JavaScript表达式赋值. LESS和Sass的主要不同就是他们的实现方式,LESSS是基于JavaScr

LESS介绍及其与Sass的差异

自从一个月前我偶然发现LESS之后我就开始坚定的使用它了.CSS本身对我来说从来不是问题,但是我很好奇使用变量来沿着一个调色盘为我的网站或模板创建一些东西的想法.拥有一个提供固定数量选项可选的色盘可以让我避免颜色太跳跃以至于从一个已定的风格中脱离. 事实证明,LESS——以及Sass——功能比这个要多太多.LESS和Sass在语法上有些共性,比如下面这些: ● 混入(Mixins)——class中的class: ● 参数混入——可以传递参数的class,就像函数一样: ● 嵌套规则——Class

sass语法练习解析--实例练习

暂时使用的是:Koala,监测转义 $fff: #ffffff; $red:red; h1{ color: $fff; } 简单调用 #content{ color: $fff; .con{ content: $red; } } 或者: #content,#nei{ a{ color: $fff; } } #content a{color: #fff; } #nei a{color: #fff; } 嵌套(css里面嵌套要复制什么的,挺麻烦) #content a{ color: $fff; &