對於IE版本低於9的沒有javascript的第n個孩子（3n + 1）的替代方案9

我有一個要求，我在做margin-left：第一，第四，第七等div元素爲0。我已經使用這個代碼：對於IE版本低於9的沒有javascript的第n個孩子（3n + 1）的替代方案9

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

但是，這並不在IE版本低於9的工作雖然我能夠使用JavaScript來修復它，但我使用CSS需要一些解決方案。我會非常感謝幫助。

爲什麼它*有*是CSS？ – 2013-04-04 16:18:10

使用CSS來修復IE的CSS引擎不支持的東西？那就好像試圖用你的無法駕駛的汽車去開車... – 2013-04-04 16:18:26

因爲我希望我的應用程序在沒有javascript的情況下工作 – 2013-04-04 16:19:25

您無法使用CSS選擇器模擬複雜的:nth-child()公式，除非您單獨爲每個元素重複硬編碼的選擇器，這將浪費時間，因此您可以使用JavaScript代替（例如，將類添加到那些元素然後由那個類選擇）。

2013-04-04 16:20:47 BoltClock

雅這就是我也搜索我沒有得到任何東西，或者更確切地說，我可以提供一個特定的類名到這些類和應用所需的CSS。 – 2013-04-04 16:25:48

如果不使用javascript，最簡單的方法是將相關的div添加到您想要的CSS中。

HTML

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

CSS

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

2013-04-04 16:25:07 Maibock

請您詳細闡述一下，讓觀衆更容易嗎？ – Freakyuser 2013-04-04 17:13:33

回答