选择符级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。

示例:

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号:画漫画的程序员,每天早上8点30分准时推送:前端前沿资讯、大厂面试题、程序员轶事、职场感悟等,一起进步!

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界