Question

我正在使用内部CSS样式表来定义<ol>和<li>元素的样式。但是，对于我所拥有的一个列表，我想使用内联样式。我希望列表元素为一种颜色（蓝色），列表项目符号为另一种颜色（红色）。如果我要使用内部样式表，以下内容将完成此问题列表：

<style>ol { list-style-type:upper-roman; color:blue; } ol li span { color: red; } </style>

但我无法弄清楚如何使用内联样式来做到这一点。我不想为每个<li>设置样式。以下内容适用于所有内容：

<ol list-style-type:upper-roman; style="color:blue;">
<li><span>Apple</span></li> 
<li><span>Orange<span></li> 
<li><span>Pear<span></li> 
<li><span>Grape<span></li> 
</ol>

但我不知道如何在内联样式表中添加内联样式语句的部分：

ol li span { color: red; }

为不同于项目符号的列表项着色，而不对每个列表项本身进行编码。

Answer 1

你必须非常具体和慎重。这就是内联样式的工作方式。您可以将它们直接应用于每个元素。你可以逃避一些继承，但是如果你需要覆盖那个继承，那么你必须为每个元素手动覆盖它。

＆＃13;

<ol style="color:blue; list-style-type:upper-roman;">
    <li><span style="color: red;">Apple</span></li> 
    <li><span style="color: red;">Orange</span></li> 
    <li><span style="color: red;">Pear</span></li> 
    <li><span style="color: red;">Grape</span></li> 
</ol>

＆＃13;

使用内联样式以不同于列表项的方式对项目符号进行颜色列表

1 个答案: