如何将文本属性应用于CSS中的列表中的文本

Question

我正在尝试编写CSS来为HTML列表的文本（项目符号和文本）着色。

我找到了列表项目符号属性，但没有解决列表中的文本问题。我应该如何以及在何处将文本样式应用于列表本身？

我已尝试围绕列表 - [UL]和[/ UL]标签之间的[DIV] [/ DIV]（用于通过电路板代码解释器获取的括号）

但是，这不正确，只能在某些浏览器中正确呈现。

Answer 1

一种简单的方法如下：

将文字换行为内联元素，例如<span>：

<ul>
    <li><span>first</span></li>
    <li><span>second</span></li>
    <li><span>third</span></li>
</ul>

并应用以下CSS：

ul li {
    color: blue;
    font-size: 2.0em;
}
ul li span {
    color: black;
}

ul li的规则将颜色应用于列表标记和列表文本。

ul li span的规则更具体，仅将新颜色应用于span元素中的文字。

Demo Fiddle