在无序列表中设置跨度
问题描述:
我已经购买了具有制表符浏览元素(展开不同内容的菜单种类)的模板,并且我想更改列表中文本的颜色。 每个标签都需要有不同的颜色。所以第一个红色,第二个蓝色,第三个绿色和第四个黄色。我尝试了所有与孩子,元素,类等,但没有结果。在无序列表中设置跨度
这里是代码中的一个我试图
#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>
答
您可以添加以下的风格
.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;
}
+1
以这种方式它不起作用,但我放在它后面,它的工作原理!谢谢 –
+0
伟大的工作。我已经更新了包含span的答案,但是,它对我无效 – nikhil
工程.... ... – Oriol
奇怪在模板中没有'吨。我明白你的意思 –
该模板可能会覆盖CSS代码。所以你需要发布影响它的完整代码。 –