css选择器知识汇总(在Less中写IE的css hack的方法介绍)
类别:Web前端 浏览量:2655
时间:2022-03-29 03:04:07 css选择器知识汇总
在Less中写IE的css hack的方法介绍Less中直接在属性后面加hack写法会编译报错的。那么怎么解决呢?
第一种方式:
IE7 以display:inline-block为例:
less的hack写法:
.box{ display: inline-block; *display:inline; *zoom: 1; }
编译出来的结果也是
.box{ display: inline-block; *display:inline; *zoom: 1; }
注意:这里 只能用 * 号,用 + 号写hack会报错,因为 + 号在less中不支持编码。在String Functions 里面说清楚的:
如果一定要用到加号或其他直接写却不支持的hack字符的话,可以参考 第三种 方式
第二种方式:
less的写法:
@hack:~"/9"; //IE7,8的hack写法 .box{ width: 100px@hack; }
编译之后:
.box { width: 100px /9; }
~ 符号的作用是避免编译,记住后面要加引号
第三种方式:
less写法:
@hack:~"+"; .box{ @{hack}display: inline; }
编译之后:
.box { +display: inline; }
注意记得加上 { } 括号
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。
您可能感兴趣
- css的五种基本选择器(CSS兼容问题之HACK技术)
- css有三种基本的定位机制(10个非常实用的CSS hack技术)
- ie浏览器css颜色兼容(IE8的css hack9 使用说明)
- css安全模式(仅针对IE8有效的CSS Hack猎奇写法)
- css选择器知识汇总(在Less中写IE的css hack的方法介绍)
- css选择器常用的用法和说明(针对IE6的一些CSS Hack编写时的注意点小结)
- 焕然一新 成都轨道集团官方网站改版上线(成都轨道集团官方网站改版上线)
- 成都轨道交通19号线二期全线电通(成都轨道交通19号线二期全线电通)
- 19号线二期全线电通 轨道交通项目最新进展来了(19号线二期全线电通)
- 涉及3条地铁线路 成都这4座轨道交通站点有新名字了(涉及3条地铁线路)
- 来了 成都轨道交通5条线路刷新 进度条(成都轨道交通5条线路刷新)
- 一部手机两套系统 OPPO Find X3的正确打开方式你知道吗(一部手机两套系统)