购物车
登陆 / 注册
微信扫码登陆

推荐手册

选择符级Hack

选择符级Hack
选择不同的浏览器及版本
前端控 前端控 更新时间:2019-01-30 15:38:16

选择符级Hack

语法:

<hack> selector{ sRules }

说明:

选择不同的浏览器及版本

尽可能减少对CSS Hack的使用。Hack有风险,使用需谨慎

通常如未作特别说明,本文档所有的代码和示例的默认运行环境都为标准模式。

一些CSS Hack由于浏览器存在交叉认识,所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的。

简单列举几个:

* html .test { color: #090; }       /* For IE6 and earlier */
* + html .test { color: #ff0; }     /* For IE7 */
.test:lang(zh-cmn-Hans) { color: #f00; }  /* For IE8+ and not IE */
.test:nth-child(1) { color: #0ff; } /* For IE9+ and not IE */

注意: 上述代码中的3,4两行就是典型的利用能力来进行选择的CSS Hack。

实例

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<style>
* html .test {
	color: #090;
}
* + html .test {
	color: #ff0;
}
.test:lang(zh-cmn-Hans) {
	color: #f00;
}
.test:nth-child(1) {
	color: #0ff;
}
</style>
</head>
<body>
<div class="test">在不同浏览器下看看我的颜色吧</div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号