如何<li>仅使用内联样式更改项目的文本颜色？

Question

我想更改列表标记的颜色，但我只能使用内联样式，不知道如何一次性完成，而不是为每个li标记编写内联样式。(没有JS或样式标签(

Answer 1

目前这里的大多数答案都使用JS或style标记。

秘密是，如果你只想更改文本颜色，你所要做的就是将该属性一次性添加到父元素中，它将应用于所有元素。

这可以对ul标记进行，也可以用span标记包围所有要更新的li标记，并更改其内联样式color属性(通常就是这样做的(。

Answer 2

试试这个

<ul>
<li style="color: red;">Item 01</li>
<li style="color: green;">Item 02</li>
</ul>

您也可以使用十六进制颜色代码。

<ul>
<li style="color: #ff0000;">Item 01</li>
<li style="color: #00ff00;">Item 02</li>
</ul>

不用写每行li标签，就可以将li标签包装在ul标签中，并像这样为ul标签添加样式。

<ul style="color: #ff0000;">
<li>Item 01</li>
<li>Item 02</li>
</ul>

Answer 3

您可以使用CSS颜色属性。

<ul>
<li style="color: red;">red li item</li>
<li style="color: green;">green li item</li>
<li style="color: blue;">blue li item</li>
</ul>

Answer 4

在您的样式标签中，选择li

<style>
li{
color:red;
}    
</style>