將單個孩子應用於單個課程的問題。

Question

首先，非常感謝您的時間提前。

我在費城的高等教育機構工作。我們試圖利用第n個孩子的僞類來使我們桌子上的其他每一行都變灰。

的代碼行我已經寫在我們的Styles.css中的文件是

table.oddrows tr:nth-child(2n+3) {background-color: #eeeeee;}

我使用2N + 3，因爲該表的第一行會比所有其他行，因爲深灰色這將是一個標題，所以我希望它開始應用背景顏色到第3行，然後每兩行（即3,5,7等）

我們使用Ektron的CMS（版本8.01 SP1），無論出於何種原因，該類不會顯示在可用的班級列表中，並且當我嘗試手動應用它時（例如，手動putti在代碼的正文中）它仍然不起作用。

我已經清除了好幾次我的緩存，但仍然畫空白。 （我正在使用IE 8，備案）

任何想法？我讀過的每一樣東西都說我的語法是正確的，我準備把我的頭髮撕掉。

再次感謝您的時間！

Answer 1

IE8不支持nth-child選擇器。對於IE，它只能在9以上。

Answer 2

爲了得到像這樣的工作，你可能不得不離開純粹的CSS，並使用一些jQuery。如果您已經使用jQuery在網站上的其他東西，這是想都不用想，因爲這隻會增加幾行到您的文檔準備的語句，像這樣：

jQuery(document).ready(function() { 
    $('.oddrows tr:nth-child(2n+3)).addClass("darker"); 
}); 

也將不得不CSS類.darker的：

.darker {background-color:#eee} 

現在，如果你還沒有使用jQuery（或沒有選擇），這顯然是行不通的。