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

Question

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

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

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

Answer 1

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

Answer 2

如果不使用 javascript，最简单的方法是使用所需的 CSS 向相关 div 添加一个类。

HTML

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

CSS

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