替代nth-child（3n + 1）没有javascript的IE版本低于9

Question

我有一个要求，我正在制作margin-left：0表示第1，第4，第7等div元素。 我使用过这段代码：

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

但这不适用于9以下的IE版本。虽然我能够使用javascript修复它，但我需要使用css的一些解决方案。我非常感谢你的帮助。

Answer 1

你无法使用CSS选择器模拟复杂的:nth-child()公式，除非你单独为每个元素重复硬编码选择器，这将浪费时间，所以你也可以改用JavaScript（例如添加这些元素的类然后由该类选择。）

Answer 2

不使用javascript，最简单的方法是使用您想要的CSS为相关div添加一个类。

HTML

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

CSS

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