在CSS中，我們可以使用各種選擇器來(lái)定位并控制HTML元素，對(duì)于table中的子元素，我們可以使用以下選擇器來(lái)定位它們：

1、子元素選擇器：使用>符號(hào)來(lái)定位一個(gè)元素的直接子元素，如果你想要定位一個(gè)表格的直接子元素，你可以使用table >來(lái)選擇所有直接的子元素。

2、后代選擇器：使用空格來(lái)定位一個(gè)元素的所有后代，無(wú)論它們是不是直接的子元素。table會(huì)選擇表格的所有后代元素。

控制表格的子元素

假設(shè)你有一個(gè)HTML表格，你想要控制其中的<td>元素，你可以使用以下CSS來(lái)控制它們：

table > td {
    padding: 10px;
    border: 1px solid #000;
}

上述CSS代碼會(huì)定位到表格的直接子元素<td>，并應(yīng)用樣式規(guī)則。

控制表格的所有后代元素

如果你想要控制表格的所有后代元素，無(wú)論它們是不是直接的子元素，你可以使用后代選擇器：

table * {
    color: #333;
    font-size: 14px;
}

上述CSS代碼會(huì)定位到表格的所有后代元素，并應(yīng)用樣式規(guī)則。

示例HTML表格

<table>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
    </tr>
    <tr>
        <td>Cell 3</td>
        <td>Cell 4</td>
    </tr>
    <div>Some other element</div>
</table>

示例CSS控制表格的子元素

table > td {
    padding: 10px;
    border: 1px solid #000;
}

示例CSS控制表格的所有后代元素

table * {
    color: #333;
    font-size: 14px;
}

通過(guò)以上的CSS代碼，我們可以***地控制HTML表格及其子元素的樣式。