html - 如何设置仅适用于下方控件的 STYLE？

Question

我想为 <td> 设置样式标记，我正在页面中设计表格。我想给上下单元格不同的样式，可以设置<style>吗？这只在不利方面起作用<td>标签。

请帮助。

Answer 1

是的，你要么给一个类(class)来降低<td>标签然后在<style>里面你可以设置他们的风格。或者你可以使用 this css 选择器没有给你 <td>元素类。

这是一个representation我刚才所说的:

<table id="table1">
    <tr>
        <td>1</td>
        <td class="lowertd">2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td class="lowertd">2</td>
        <td>6</td>
    </tr>
</table>

<style>
#table1 tr td:last-child {
    background-color: green;
}
.lowertd {
    background-color: silver;
}
#table1 tr td:nth-child(1) {
    background-color: blue;
}
</style>