HTML 列表标签 - 如何赋予每个 <li> 不同的颜色？答案

【问题标题】：HTML List Tags - how to give each <li> diffrent color from other?HTML 列表标签 - 如何赋予每个 <li> 不同的颜色？
【发布时间】：2015-05-08 11:59:12
【问题描述】：

如何在 Html

上为每个 <li> 赋予不同的颜色

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>

所以，我希望将项目显示如下：

项目 1 红色

项目 2 蓝色

项目 3 为绿色

最好的方法是什么？

【问题讨论】：

【解决方案1】：

像这样在css中创建不同的类

   .redText
    {
        color:red;
    }
    .blueText
    {
        color:blue;
    }
    .greenText
    {
        color:green;
    }

然后在你的html中

<ul>
<li class = "redText">Item 1</li>
<li class = "blueText" >Item 2</li>
<li class = "greenText">Item 3</li>
<ul>
<ul>

【讨论】：

【解决方案2】：

为每个列表尝试style 组件。

<ul>
<li style="color:red">Item 1</li>
<li style="color:blue">Item 2</li>
<li style="color:green">Item 3</li>
</ul>

【讨论】：