将css样式应用于div中的span

Question

我有一个类似下面的表结构

<td id="td1">
<a href="#">
<div>
1
<div>
<span>0</span>
<span>1</span>
<span>2</span>
</div>
</div>
<div> </div>
</a>
</td>

<td id="td2">
<a href="#">
<div>
2
<div>
<span>0</span>
<span>1</span>
<span>2</span>
</div>
</div>
<div> </div>
</a>
</td>

现在我想在td1下应用 span 的样式而不是td2。有没有办法得到它不？我们怎么能为此写一个CSS样式？

Answer 1

您可以这样使用选择器：#td1 span { /* your styles */}

Answer 2

以下是fiddle link

table tr td span {
    padding:0 5px;
    color:#fff;
    background-color:#117809;
    }

或者如果你想让css跨越一个特定的div然后跟随下面的css。的 DEMO

#td1 span {
    padding:0 5px;
    color:#fff;
    background-color:#DC0B0B;
    }

Answer 3

尝试此

#td1 span{color:green;font-weight:bold;}

<强> Demo