让IE88兼容识别css3选择器——selectivizr-min.js

佚名 6年前 (2019-05-06) 随笔 1538人围观抢沙发百度已收录

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

html:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link type="text/css" rel="stylesheet" href="css.css" />
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
    <script src="selectivizr-min.js"></script>
    <![endif]-->

</head>
<body>

<div id="xx">
    <p haha="tit">第一</p>
    <p haha="tit">第二</p>
    <p><input type="text" placeholder="sdf"></p>

</div>

</body>
</html>

css：

//css.css

*{margin: 0;padding: 0;}
p:nth-child(2){background: #ccc;color: red;}
p:last-child{background: yellow;color: red;}
p:last-child input:focus{background: green;color: #fff;}
p:first-child{background: pink;color: red;}