編輯特定類別的css

Question

我有一個類別列表，每個類別在我的主頁上都有自己的標籤和圖標。每個類別標籤/圖標應該是獨特的顏色。

這是通過HTML簡單：

<!-- ngRepeat: category in categories | orderBy:'display_priority' --> 
<a ng-href="explore?category=53" ng-repeat="category in categories | orderBy: 
'display_priority'" class="ui random-color item large label ng-binding ng-scope" 
ng-show="hasCategory" href="explore?category=53" style="color:red";> 

的UI是處於開發階段，這個HTML擦拭每個UI更新（定期）。因此，我試圖通過CSS實現相同的結果。

我可以用這個代碼更改分類標籤一般的顏色（即讓他們都相同的顏色）：

#front-page .ui.label { 
color: #XYZ 
} 

是否有可能對我來說，通過CSS改變每個標籤的顏色單獨純粹？

Answer 1

如果類別的數量是有限的，那麼你可以使用一組CSS3第n個孩子的僞類來做到這一點：通過枚舉類DOM

http://www.sitepoint.com/web-foundations/understanding-nth-child-pseudo-class-expressions/

你也可以用JavaScript做動態循環中的元素，然後設置元素的CSS顏色。