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

标签 html css

在以下标记中,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/

最佳答案

利用跨度....

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

关于html - 将内联 css 应用于子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20090642/

相关文章:

javascript - 并排对齐 Toastr

html - 可以在没有绝对位置的情况下将元素放在表中另一个元素的下方吗?

html - 为什么 Prettier 代码格式化程序在 VS Code 中停止格式化?

html - 使用媒体查询调整 Bootstrap Navbar Image Logo 大小

css - 关闭模式时,带有背景图像和显示 flex 的 Div 会移动

javascript - 在javascript中将类添加到nodeList上的单击按钮

javascript - 如何将 CamanJS 过滤器转换为 KineticJS 过滤器?

html - 如何在 dropkick 插件下拉列表之前显示内联文本

javascript - 导航栏和 THead 固定顶部

java - 替换属性 data-image-src 的值