浏览器CSShack大全之特殊符号的应用

csshack  时间:2021-04-22  阅读:()

CSS hack大全之特殊符号的应用

由于各大浏览器尤其IE浏览器对web标准支持情况不一导致标准的网页在各个浏览器中的表现不一因此解决各浏览器兼容性问题成为了前端工程师最重要的工作之一而所谓的hack技术则是前端开发中必用的。

CSS hack的写法有很多种其中特殊符号的应用最为普遍也最为简洁下面一一介绍了特殊符号类型的CSS hack技术

1、反斜线\

适用浏览器 IE/Mac

反斜线\ hack利用了IE/Mac的一个bug。以\*/结束的注释在IE/Mac上是不正确关闭的所以那些需要在IE/Mac上被忽略的语句可以放在这种注释后面。

/*在IE Mac上忽略下面的语句\*/selector { . . . styles. . . }

/*忽略结束*/

2、下划线_

适用浏览器 IE6及其以下版本

IE6及以下的版本可以识别带有下划线前缀的属性而其它浏览器会忽略它。因此一个属性前面加上下划线或者连字符就成为了IE6及以下版本浏览器的专有属性。

#elem {width: [W3C Model Width] ;

_width: [BorderBox Model] ;

}

PS:这个hack利用浏览器的bug使用了无效的CSS 因而不推荐使用。

3、星号*

适用浏览器 IE7以下版本

除了下划线和连字符版本7及以下的IE可以识别以非字母字符为前缀的属性而其它浏览器会忽略。#elem {width: [W3C Model Width] ;

*width: [BorderBox Model] ;

}

PS:这个hack利用浏览器的bug使用了无效的CSS 因而不推荐使用。

4、星号HTML * html

适用浏览器 IE4-6

HTML元素是W3C标准DOM的根元素但是IE 4至6的版本中还有一个神秘的父元素。完全兼容的浏览器会忽略这个* html选择器但IE4-6却会对它正常处理。

* html p {font-size: 5em; }

PS这个HACK使用了完全有效的CSS。

5、星号加号*+

适用浏览器 IE7

*:first-child+html p { font-size: 5em; }

或者

*+html p { font-size: 5em; }

PS只在IE7标准模型里工作正常在怪异模式下不能用。 同时也被IE8的兼容模式相当于IE7的标准模式所支持。它也使用了有效的CSS。

6、子选择器>

适用浏览器 IE6以上版本及非IE浏览器

IE6和早期的版本不支持“子选择器” (>) 我们可以利用这个为其它浏览器指定特别的规则。html > body p { color: blue; }

7、子选择器加注释>/**/

适用浏览器 IE7以上版本及非IE浏览器

虽然IE7支持对子选择器但通过以下hack方法也可以把IE7也排除。当一个空的注释紧跟在子选择器的后面重复的时候 IE7会不识别后面的规则就和较早版本的浏览器一样。html >/**/ body p { color: blue; }

本文由根管治疗http://www.c qzh 120.c o m/ 提供

3元/首月香港便宜vps究竟是什么货。

便宜的香港vps多少钱?现在国外VPS主机的价格已经很便宜了,美国VPS主机最低一个月只要十几元,但同样免备案的香港VPS价格贵不贵呢?或者说便宜的香港VPS多少钱?香港vps主机价格要比美国机房的贵一些,但比国内的又便宜不少,所以目前情况是同等配置下,美国VPS比香港的便宜,香港VPS比国内(指大陆地区)的便宜。目前,最便宜香港vps低至3元/首月、18元/月起,今天云服务器网(www.yunt...

Virmach:1核/512M1核M1核512M/夏季美国vps促销,年付$7.2,9月更换AMD平台

virmach怎么样?virmach家这几年非常火,从商家的黑五闪购开始,以超低的价格吸引了大批的国人客户,而且商家的机器还是非常稳定的,站长手里的4.75刀年付已经用了两年了,非常稳定,不过商家到国内的线路一般,目前商家新上了夏季优惠促销,价格低到发指,年付7.2美元起,商家反馈将在9月开始更换AMD+NVMe平台,这个消息从年初就有了,不过一直没有更换,目前这个时间也不确定是否准确。点击进入:...

LightNode($7.71/月)香港cn2精品线路

LightNode官网LightNode是一家位于香港的VPS服务商.提供基于KVM虚拟化技术的VPS.在提供全球常见节点的同时,还具备东南亚地区、中国香港等边缘节点.满足开发者建站,游戏应用,外贸电商等应用场景的需求。为用户带来高性能服务器以及优质的服务的同时还提供丰厚的促销活动,新用户注册最高送$20。注册用户带新客即可得10%返佣。商家支持PayPal,支付宝等支付方式。官网:https:/...

csshack为你推荐
文件127支持ipadboxiphonewww.baidu.jp日本视频怎样看chrome18CHROME现在最新版是多少?morphvoxpro教程哪位大佬可以帮忙调一下morphvox pro的女声啊,我调了一天还是没调明白android5.1安卓N是什么东西??和普通的安卓系统(例如安卓5.1)有什么区别?bitchina现在哪个浏览器最好用?altools.u32Authorware能做成全屏吗?ios11.0.2苹果11.0.2信号显示
便宜域名 卡巴斯基永久免费版 合租空间 怎么测试下载速度 me空间社区 ntfs格式分区 亚马逊香港官网 空间技术网 购买国外空间 七夕快乐英语 外贸空间 沈阳主机托管 cdn网站加速 阿里dns netvigator godaddyssl 建站论坛 海尔t68驱动 泥瓦工 更多