在无序列表中设置跨度

Question

我已经购买了具有制表符浏览元素（展开不同内容的菜单种类）的模板，并且我想更改列表中文本的颜色。 每个标签都需要有不同的颜色。所以第一个红色，第二个蓝色，第三个绿色和第四个黄色。我尝试了所有与孩子，元素，类等，但没有结果。

这里是代码中的一个我试图

#one a 
 
{ 
 
color:#e28844 
 
}

<ul class='cmsms_tabs_list'> 
 
    <li id="one" class="cmsms_tabs_list_item"> 
 
    <a href="#"> 
 
     <span>One</span> 
 
     </a> 
 
    </li> 
 
    <li id="two" class="cmsms_tabs_list_item"> 
 
    <a href="#"> 
 
     <span>Two</span> 
 
     </a> 
 
    </li> 
 
    <li id="three" class="cmsms_tabs_list_item"> 
 
    <a href="#"> 
 
     <span>Three</span> 
 
     </a> 
 
    </li> 
 
    <li id="four" class="cmsms_tabs_list_item"> 
 
    <a href="#"> 
 
     <span>Four</span> 
 
     </a> 
 
    </li> 
 
    </ul>

Answer 1

您可以添加以下的风格

.cmsms_tabs_list li:nth-of-type(1) a span { 
    color : red; 
} 

.cmsms_tabs_list li:nth-of-type(3) a span { 
     color : blue; 
} 

.cmsms_tabs_list li:nth-of-type(4) a span { 
     color : green; 
} 

.cmsms_tabs_list li:nth-of-type(2) a span { 
     color : yellow; 
} 

仅供参考 - http://jsfiddle.net/s1s12w2x/1/