如何根據訂單樣式列出項目

Question

我有一個由li列表組成的菜單。每個L1項目需要有不同的背景顏色，根據其在列表中的位置：

的第一項是粉紅色的，
二是橙色，
第三是綠色的，
等.. 。

每個項目都有自己的ID，所以它理應沒有問題，給每一個自己的CSS樣式。 （例如，第一個項目的ID是menu-item-30，第二個項目的ID是menu-item-57，依此類推，隨機數字作爲它們的ID。）

但是，該網站應該運行以不同的語言，並且在每種語言中，列表項具有不同的ID。 （例如，在英文菜單中ID菜單項30的項目在法文菜單中具有ID菜單項241）。編號爲CSS規則，就像這樣：

#header #access li.menu-item-30, 
#header #access li.menu-item-210, /*spanish*/ 
#header #access li.menu-item-241 /*french*/{ 
/*add header prefix to li's only'*/ 
    background: url('images/headers/navbar.png') 0 -124px repeat-x transparent; 
    border-bottom: 3px solid #f26122; 

}

或者，如果有一種方法 - 將在IE7工作和高達 - 使用更一般的規則，比如第n個孩子或者這樣。

Answer 1

有一種方法。你可以附加rel="home"屬性的元素，然後用CSS你將能夠做到這一點：#header #access li a[rel="home"] { }

如果你沒有訪問代碼，那麼唯一的辦法是爲每個元素編寫CSS。