浏览器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/ 提供

收到几个新商家投稿(HostMem,无忧云,青云互联,TTcloud,亚洲云端,趣米云),一起发布排名不分先后

7月份已经过去了一半,炎热的夏季已经来临了,主机圈也开始了大量的夏季促销攻势,近期收到一些商家投稿信息,提供欧美或者亚洲地区主机产品,价格优惠,这里做一个汇总,方便大家参考,排名不分先后,以邮件顺序,少部分因为促销具有一定的时效性,价格已经恢复故暂未列出。HostMem部落曾经分享过一次Hostmem的信息,这是一家提供动态云和经典云的国人VPS商家,其中动态云硬件按小时计费,流量按需使用;而经典...

bluehost32元/月,2核2G/20GB空间,独立ip,新一代VPS美国云主机!

bluehost怎么样?bluehost推出新一代VPS美国云主机!前几天,BlueHost也推出了对应的周年庆活动,全场海外虚拟主机月付2.95美元起,年付送免费的域名和SSL证书,通过活动进入BlueHost中文官网,购买虚拟主机、云虚拟主机和独立服务器参与限时促销。今天,云服务器网(yuntue.com)小编给大家介绍的是新一代VPS美国云主机,美国SSD云主机,2核2G/20GB空间,独立...

pacificrack:$12/年-1G内存/1核/20gSSD/500g流量/1Gbps带宽

pacificrack在最新的7月促销里面增加了2个更加便宜的,一个月付1.5美元,一个年付12美元,带宽都是1Gbps。整个系列都是PR-M,也就是魔方的后台管理。2G内存起步的支持Windows 7、10、Server 2003\2008\2012\2016\2019以及常规版本的Linux!官方网站:https://pacificrack.com支持PayPal、支付宝等方式付款7月秒杀VP...

csshack为你推荐
Holidaydiv支出127支持ipad支持ipad支付apple请仔细阅读在本报告尾部的重要法律声明xp如何关闭445端口系统怎么关闭445端口ipad如何上网IPAD4怎样上网?用itunes备份如何用iTunes备份iPhone数据win7如何关闭445端口如何关闭WIN7自动配置 IPV4 地址 169.254
虚拟主机管理系统 西安虚拟主机 la域名 koss 60g硬盘 美国php空间 免费博客空间 七夕促销 100m空间 跟踪路由命令 免费ftp 我的世界服务器ip 美国盐湖城 什么是web服务器 德隆中文网 永久免费空间 江苏徐州移动 宿迁服务器 带宽测试 空间排行榜 更多