CSS表格中某一行點(diǎn)擊變色是一個常見的需求，可以通過CSS的偽類選擇器來實(shí)現(xiàn)。

首先，在CSS樣式表中創(chuàng)建一個CSS選擇器，用于選擇表格中的每一行：

table tr {
/* 設(shè)置默認(rèn)樣式 */
background-color: #fff;
}
table tr:hover {
/* 鼠標(biāo)滑過時的樣式 */
background-color: #ccc;
}
table tr.selected {
/* 被選中后的樣式 */
background-color: #f00;
}

然后，在JavaScript中通過添加事件監(jiān)聽器來實(shí)現(xiàn)點(diǎn)擊選中某一行的效果：

//獲取表格所有行
var rows = document.querySelectorAll("table tr");
//給每一行添加事件監(jiān)聽器
for(var i = 0; i < rows.length; i++) {
rows[i].addEventListener("click", function() {
//移除其它行的選中狀態(tài)
for(var j = 0; j < rows.length; j++) {
rows[j].classList.remove("selected");
}
//給當(dāng)前行添加選中樣式
this.classList.add("selected");
});
}

代碼中，首先獲取了表格中所有的行，然后給每一行添加點(diǎn)擊事件監(jiān)聽器。在事件處理程序中，先移除其它行的選中狀態(tài)，再給當(dāng)前行添加選中樣式。

最后，我們需要在HTML中添加表格：

<table>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td>張三</td>
<td>20</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
</tr>
<tr>
<td>王五</td>
<td>25</td>
</tr>
</table>

通過以上三步，我們就可以實(shí)現(xiàn)CSS表格中某一行點(diǎn)擊變色的效果了。