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

Question

在以下标记中，ul将颜色设置为样式。我想将该颜色仅应用于<i>项内的li，但不想将该颜色应用于<i>之外的文本，而不更改标记？

PS。我无法使用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

利用span ....

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