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有三种基本的定位机制(10个非常实用的CSS hack技术)
- ie浏览器css颜色兼容(IE8的css hack9 使用说明)
- css的五种基本选择器(CSS兼容问题之HACK技术)
- css选择器知识汇总(在Less中写IE的css hack的方法介绍)
- css选择器常用的用法和说明(针对IE6的一些CSS Hack编写时的注意点小结)
- css安全模式(仅针对IE8有效的CSS Hack猎奇写法)
- ()
- 对你思念入骨的女人,跟你见面时会有这几种表现,藏都藏不住(对你思念入骨的女人)
- 纳兰性德绝美作,一场重逢,成就最后一首称得上惊艳的《如梦令》(纳兰性德绝美作)
- 如何快速赚钱(如何快速赚钱方法真实有效)
- 这里输入关键词(如何输入关键词)
- 熊猫中国国宝(熊猫国宝酒53酱香)
热门推荐
- css3动画实现loading(CSS3实现粒子旋转伸缩加载动画)
- docker容器启动执行脚本(在docker容器中使用非root用户执行脚本操作)
- php内存占用分析(PHP基础之输出缓冲区基本概念、原理分析)
- 查看mysql支持的字符集(不可忽视的MySQL字符集)
- mysql 慢查询日志
- python函数使用方法高级用法(Python函数的参数常见分类与用法实例详解)
- 阿里云申请ssl证书要好久(阿里云部署SSL证书详解)
- css如何将元素显示到最上面(css中子元素设置margin-top为什么影响了父元素)
- jupyternotebook搭建和使用(Jupyter Notebook运行JavaScript的方法)
- html一行两列布局代码(CSS实现页面两列布局与三列布局的方法示例)