注释黑马程序员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下的多选择符

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

pacificrack:2021年七夕VPS特别促销,$13.14/年,2G内存/2核/60gSSD/1T流量,支持Windows

pacificrack官方在搞2021年七夕促销,两款便宜vps给的配置都是挺不错的,依旧是接入1Gbps带宽,KVM虚拟、纯SSD raid10阵列,支持包括Linux、Windows 7、10、server2003、2008、2012、2016、2019在内多种操作系统。本次促销的VPS请特别注意限制条件,见本文末尾!官方网站:https://pacificrack.com支持PayPal、支...

HostKvm:香港国际/韩国KVM夏季7折,2G内存套餐月付5.95美元起

HostKvm是一家成立于2013年的国外主机服务商,主要提供基于KVM架构的VPS主机,可选数据中心包括日本、新加坡、韩国、美国、中国香港等多个地区机房,均为国内直连或优化线路,延迟较低,适合建站或者远程办公等。目前商家发布了夏季特别促销活动,针对香港国际/韩国机房VPS主机提供7折优惠码,其他机房全场8折,优惠后2GB内存套餐月付5.95美元起。下面分别列出几款主机套餐配置信息。套餐:韩国KR...

ZJI:韩国BGP+CN2线路服务器,国内三网访问速度优秀,8折优惠码每月实付440元起

zji怎么样?zji最近新上韩国BGP+CN2线路服务器,国内三网访问速度优秀,适用8折优惠码zji,优惠后韩国服务器最低每月440元起。zji主机支持安装Linux或者Windows操作系统,会员中心集成电源管理功能,8折优惠码为终身折扣,续费同价,全场适用。ZJI是原Wordpress圈知名主机商:维翔主机,成立于2011年,2018年9月启用新域名ZJI,提供中国香港、台湾、日本、美国独立服...

csshack为你推荐
程序微信5技术参数及要求:重庆网通中国联通重庆分公司的公司简介xp如何关闭445端口Windows XP 怎么关闭445端口,我是电脑小白,求各位讲详细点photoshop技术什么是ps技术重庆宽带测速重庆哪一种宽带网速最快ipadwifiIPAD连上了WIFI,但是无法上网,急!!360chrome360浏览器和谷歌chrome比哪个好用搜狗浏览器2.2搜狗浏览器打开跳出两个上网导航怎么办ios11.0.2ios11.0.2 怎么降级
太原域名注册 域名查询软件 景安vps 主机测评 漂亮qq空间 80vps 秒解服务器 bgp双线 idc是什么 静态空间 中国电信宽带测速网 免费网页申请 银盘服务 架设邮件服务器 个人免费邮箱 浙江服务器 万网主机 域名和主机 网络速度 葫芦机 更多