IE 版本低于 9 的不带 javascript 的 nth-child(3n+1) 的替代方案答案

【问题标题】：Alternative for nth-child(3n+1) without javascript for IE versions below 9IE 版本低于 9 的不带 javascript 的 nth-child(3n+1) 的替代方案
【发布时间】：2013-03-26 20:04:22
【问题描述】：

我有一个要求，我为第 1、第 4、第 7 等 div 元素制作 margin-left:0。我用过这段代码：

div:nth-child(3n+1) {
        margin-left: 0;
    }

但这在 9 以下的 IE 版本中不起作用。虽然我可以使用 javascript 修复它，但我需要一些使用 css 的解决方案。非常感谢您的帮助。

【问题讨论】：

为什么必须是CSS？
使用 css 修复 IE 的 css 引擎不支持的东西？这就像试图用你无法启动的汽车去开车......
因为我希望我的应用程序在没有 javascript 的情况下工作
你见过ie7-js吗？ code.google.com/p/ie7-js

标签： internet-explorer css css-selectors

【解决方案1】：

不使用 javascript，最简单的方法是使用所需的 CSS 将类添加到相关 div。

HTML

<div class='my_class'>Hello World</div>

CSS

.`my_class{margin-left: 0;}`

【讨论】：

您能否详细说明一下，方便观众观看？

【解决方案2】：

您不能使用 CSS 选择器模拟复杂的:nth-child() 公式，除非您为每个元素单独重复硬编码选择器，这无论如何都会浪费时间，因此您不妨改用 JavaScript（例如添加一个类到那些元素，然后由该类选择）。

【讨论】：

是的，这就是我也在搜索的内容我没有得到任何东西，或者我可以为这些类提供一个特定的类名并应用所需的 css。