注释黑马程序员UI教程:CSSHack技术介绍及常用的Hack技巧

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

不同的浏览器对CSS的解析结果是不同的因此会导致相同的CSS输出的页面效果不同这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS代码的过程就叫CSS Hack。

CSS Hack常见的有三种形式 CSS属性Hack、 CSS选择符Hack以及IE条件注释Hack Hack主要针对IE浏览器。

1、属性级Hack 比如IE6能识别下划线”_”和星号” * “ IE7能识别星号”

* “但不能识别下划线”_” 而firefox两个都不能认识。

2、选择符级Hack比如IE6能识别*html . class{}  IE7能识别*+html .class{}或者*:first-child+html .class{} 。

3、 IE条件注释Hack IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句。比如针对所有IE <! – [if IE]><! –您的代码–><! [endif] –>针对IE6及以下版本 <! – [if lt IE 7]><! –您的代码–><! [endif] –>这类Hack不仅对CSS生效对写在判断语句里面的所有代码都会生效。

PS条件注释只有在IE浏览器下才能执行这个代码在非IE浏览下被当做注释视而不见。可以通过IE条件注释载入不同的CSS、 JS、 HTML和服务器代码等。

二、常用的CSS Hack

head:first-child+body #demo { color:red; } /* IE7+、 FF、 Chrome、 Safari、Opera可以识别*/

:root #demo { color:red\9; } : /*仅IE9识别*/

两种情况的区别就在于 当在一个选择器中利用! important改变样式优先级的时候 IE6下是无效的后面的样式覆盖了前面的 ! important被彻底无视了利用! import

四、 IE6下的多选择符

多类选择符的写法。例如

桔子数据58元/月 ,Cera美西云服务器 2核4G 50G数据盘 500M带宽 1000G流量

桔子数据(徐州铭联信息科技有限公司)成立于2020年,是国内领先的互联网业务平台服务提供商。公司专注为用户提供低价高性能云计算产品,致力于云计算应用的易用性开发,并引导云计算在国内普及。目前公司研发以及运营云服务基础设施服务平台(IaaS),面向全球客户提供基于云计算的IT解决方案与客户服务,拥有丰富的国内BGP、双线高防、香港等优质的IDC资源。 公司一直秉承”以人为本、客户为尊、永...

港云网络(¥1/月活动机器),香港CN2 4核4G 1元/月 美国CN2

港云网络官方网站商家简介港云网络成立于2016年,拥有IDC/ISP/云计算资质,是正规的IDC公司,我们采用优质硬件和网络,为客户提供高速、稳定的云计算服务。公司拥有一流的技术团队,提供7*24小时1对1售后服务,让您无后顾之忧。我们目前提供高防空间、云服务器、物理服务器,高防IP等众多产品,为您提供轻松上云、安全防护。点击进入港云网络官方网站港云网络中秋福利1元领【每人限量1台】,售完下架,活...

A400互联1H/1G/10M/300G流量37.8元/季

A400互联是一家成立于2020年的商家,本次给大家带来的是,全新上线的香港节点,cmi+cn2线路,全场香港产品7折优惠,优惠码0711,A400互联,只为给你提供更快,更稳,更实惠的套餐。目前,商家推出香港cn2节点+cmi线路云主机,1H/1G/10M/300G流量,37.8元/季,云上日子,你我共享。A400互联优惠码:七折优惠码:0711A400互联优惠方案:适合建站,个人开发爱好者配置...

csshack为你推荐
桌面chromeLadenchromeneasesetIOJsios8支持ipad支持ipad支持ipad支持ipad供应商iphone深圳市富满电子集团股份有限公司
欧洲欧洲vps vps优惠码 金万维动态域名 namecheap 美国主机网 godaddy域名优惠码 godaddy域名转出 国外php空间 泉州电信 电信网络测速器 登陆qq空间 中国联通宽带测试 酷锐 亿库 hosting24 .htaccess apache启动失败 机柜尺寸 赵蓉 装修瓦工招聘 更多