html - 将内联 css 应用于子元素

Question

在以下标记中，ul有一个颜色设置为样式。我只想将该颜色应用于 <i>在li里面元素，但不想将该颜色应用于 <i> 之外的文本, 不改变标记？

附言。我无法使用 css 类，因为颜色是动态选取的。

<ul style="color: #ff3300">
    <li><i>colored</i> normal text</li>
    <li><i>colored</i> normal text</li>
</ul>

JSFiddle: http://jsfiddle.net/uzVVG/

Answer 1

利用跨度....

<li><i><span style="color:Red">Colored</span></i> normal text</li>