即使使用非常简单的页面,我也无法让 Selectivizr 正常工作。我做错了什么?

http://jiewmeng.kodingen.com/playground/selectivr.html

<html>
<head>
    <link rel="stylesheet" href="selectivr.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.1/mootools-yui-compressed.js"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
      <script src="selectivizr.js"></script>
    <![endif]-->

</head>

<body>
    <h1>Hello World</h1>
    <p>Paragraph 1</p>

    <p>Paragraph 2</p>
    <p>Paragraph 3</p>
    <p>Paragraph 4</p>
    <p>Paragraph 5</p>
    <p>Paragraph 6</p>
</body>
</html>

CSS
p:nth-child(2n+2) { color: red }

最佳答案

Selectivizr 仅在您的页面处于严格模式时有效。因为你没有给你的页面一个 doctype declaration ,它正在以 Quirks 模式加载,这意味着 Selectivizr 还没有加载。

只需在打开 <!DOCTYPE html> 标签之前添加 html,Selectivizr 就可以工作了。

关于internet-explorer - 使 Selectivizr 工作的麻烦,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5840316/

10-12 00:20