CSS表格選擇器是一種讀取HTML表格并將其樣式化的選擇器，可以通過定義表格中特定的元素和屬性來應用樣式。其中，

table

標簽是定義HTML表格的基本標簽，下面我們就來學習如何應用CSS表格選擇器來美化HTML表格。

首先，我們可以通過pre標簽定義原始的HTML表格，例如：

<table>
<tr>
<th> Name </th>
<th> Age </th>
<th> City </th>
</tr>
<tr>
<td> John </td>
<td> 28 </td>
<td> London </td>
</tr>
<tr>
<td> Jane </td>
<td> 32 </td>
<td> Paris </td>
</tr>
</table>

然后，我們可以通過CSS表格選擇器來設置表格的樣式，例如：

table {
width: 100%;
border-collapse: collapse;
}
table th,table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
table th {
background-color: #333;
color: #fff;
}

在上面的例子中，我們首先將表格的寬度設置為100%并將邊框合并，然后我們定義表格頭和表格單元格的邊框、內邊距和文本對齊方式。最后，我們設置表格頭的背景顏色和文本顏色。

通過CSS表格選擇器，我們可以進一步定義表格行的樣式以及甚至是特定單元格的樣式。例如：

table tr:nth-child(odd) {
background-color: #f2f2f2;
}
table td:first-child {
font-weight: bold;
}

在上面的例子中，我們使用nth-child選擇器來定義表格中奇數行的背景顏色，使用first-child選擇器來定義表格中第一列單元格的字體加粗。對于其他的樣式定義，我們可以參考CSS文檔。

通過樣式化HTML表格，我們可以大大提升表格的可讀性和美觀性，為網站增加更多的視覺吸引力。不過，在進行表格樣式化時，我們需要確保表格仍然具有清晰易讀的結構和標記，以確保可訪問性和SEO優化。