如何更改某些项目符号的字体颜色,而不是全部

时间:2015-10-04 21:17:58

标签: html css html5

我在完成某项任务时遇到了麻烦。

我有一个无序列表,但是我想让最后两个字体变成红色。 我已经弄明白了如何让它们变成红色,但不仅仅是某些红色。

我试过这个,但字体仍然是黑色。

<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>   
<li style=“color:#FF0000”>Usability Studies</li>
<li style=“color:#FF0000”>Search Engine Optimization</li>
</ul>

3 个答案:

答案 0 :(得分:4)

用这样的常规引号替换你的引号:

<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>   
<li style="color:#FF0000">Usability Studies</li>
<li style="color:#FF0000">Search Engine Optimization</li>
</ul>

如果您通过JavaScript动态应用更改,那么使用CSS类会更好。

CSS:

.special {
   color:#FF0000;
}

HTML:

<li class="special">Usability Studies</li>
<li class="special">Search Engine Optimization</li>

答案 1 :(得分:1)

如果您使用的是CSS,它将覆盖内联样式注释。但是,如果你不使用css,我建议使用css。你可以在html中创建这样的列表:

<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>   
<li class="red">Usability Studies</li>
<li class="red">Search Engine Optimization</li>
</ul>

然后有你的CSS

.red{
    color: #FF0000;
}

答案 2 :(得分:-1)

从标记中删除样式参数:

<li color="#FF0000">Usablity Studies</li>