2

我有一个如下表结构

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

4

3 回答 3

3

您可以通过这种方式使用选择器：#td1 span { /* your styles */}

于 2013-07-05T05:18:38.207 回答
3

这是小提琴链接

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;
    }
于 2013-07-05T05:31:07.353 回答
2

试试这个 

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

演示

于 2013-07-05T05:18:51.107 回答