获取属性流血到儿童

Question

我想要模拟选项卡，以便列表项中的第一个单词总是获得固定的宽度。我不喜欢这样写道：

<style> 
.tabbed { float: left; width: 5em; } 
</style> 

<ul> 
<li><span class='tabbed'>first</span> entry in my list</li> 
<li><span class='tabbed'>second</span> list entry</li> 
</ul> 

的方法效果比较好，只是如果我想做的事：

li { color: blue } 

它的颜色（这并不奇怪）适用于<li>但不给<span>。这意味着我将不得不：

.tabbed { color: blue } 

这不是非常干燥。在我的情况下，我已经为列表项目的不同类别做了大量的声明，所以它很繁琐和难看。

这是怎么处理的？

Answer 1

默认情况下，该span应该如果li为蓝色变成蓝色。

为例

我想你一定有一些其他的CSS覆盖它

万一见http://jsfiddle.net/Q2UGE/你有别的东西覆盖它，你不能改变，你也可以强制li .tabbed继承它父

li .tabbed { color: inherit } 

见http://jsfiddle.net/Q2UGE/1/对于该

Answer 2

你不可能真的。你可以做的最好的是...

li, 
.tabbed { 
    color: blue 
} 

Answer 3

li, .tabbed { color: blue } 

那一点更干。

Answer 4

像这样：

li, .tabber { color: blue }