html – 在无序列表中设置范围样式

概述我已经购买了一个带有标签浏览元素的模板(一种展示不同内容的菜单),我想更改列表中文本的颜色. 每个选项卡都需要具有不同的颜色.所以第一个红色,第二个蓝色,第三个绿色和第四个黄色.我尝试了所有关于孩子,元素,类等的事情,但没有结果. 这是我尝试过的代码之一 #one a{color:#e28844} <ul class='cmsms_tabs_list'> <li id="one" cla 我已经购买了一个带有标签浏览元素的模板(一种展示不同内容的菜单),我想更改列表中文本的颜色.
每个选项卡都需要具有不同的颜色.所以第一个红色,第二个蓝色,第三个绿色和第四个黄色.我尝试了所有关于孩子,元素,类等的事情,但没有结果.

这是我尝试过的代码之一

#one a{color:#e28844}

<ul class='CMSms_tabs_@R_404_6818@'>  <li ID="one" >     <a href="#">       <span>One</span>      </a>    </li>  <li ID="two" >     <a href="#">       <span>Two</span>      </a>    </li>  <li ID="three" >     <a href="#">       <span>Three</span>      </a>    </li>  <li ID="four" >     <a href="#">       <span>Four</span>      </a>    </li>  </ul>

解决方法 您可以添加以下样式

.CMSms_tabs_@R_404_6818@ li:nth-of-type(1) a span {     color : red;}.CMSms_tabs_@R_404_6818@ li:nth-of-type(3) a span {      color : blue;}.CMSms_tabs_@R_404_6818@ li:nth-of-type(4) a span {      color : green;}.CMSms_tabs_@R_404_6818@ li:nth-of-type(2) a span {      color : yellow;}

供参考 – http://jsfiddle.net/s1s12w2x/1/

总结

以上是内存溢出为你收集整理的html – 在无序列表中设置范围样式全部内容，希望文章能够帮你解决html – 在无序列表中设置范围样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。