将 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 样式？

原文由 jestges 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

原文由 Mimo 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

这是 小提琴链接

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

或者，如果您想让 css 在特定 div 内跨越，请遵循以下 css。 演示

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

原文由 Swarnamayee Mallia 发布，翻译遵循 CC BY-SA 3.0 许可协议