前端面试（2）--CSS Hack

全栈工程师MrL

于 2021-06-16 17:29:52 发布

阅读量81

点赞数

分类专栏：橘子太酸辣面试文章标签： javascript

本文链接：https://blog.csdn.net/czzyw/article/details/117963219

版权

橘子太酸辣同时被 2 个专栏收录

118 篇文章 0 订阅

订阅专栏

面试

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>CSS Hack</h1>
    <span>针对不同的浏览器写不同的CSS code过程，就是CSS Hack</span>
    <ul>
        <li>
            firefox:background-color:blue
        </li>
        <li>
            all IE:background-color:red\9
        </li>
        <li>
            IE 8:background-color:yellow
        </li>
        <li>
            IE 7:+background-color:Orange
        </li>
        <li>
            IE 6:_background-color:Orange
        </li>
    </ul>
    <ol>
        <li>
            IE9:background-color:red\9
        </li>
        <li>
            媒体查询@media(opera):background-color:red
        </li>
        <li>
            媒体查询@media(Chrome和safari*):background-color:green
        </li>
    </ol>
</body>
</html>

在这里插入图片描述

优惠劵

全栈工程师MrL

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
前端面试（2）--CSS Hack

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
复制链接

扫一扫