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

Question

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

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

我试过用 [DIV][/DIV] 包围列表 - [UL] 和 [/UL] 标记之间的所有内容（用于由板的代码解释器获取的括号）

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

score 3 · Accepted Answer

一种简单的方法如下：

将文本包装在一个内联元素中，例如<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元素中的文本。

1 回答 1