CSS表格中某一行點擊變色是一個常見的需求，可以通過CSS的偽類選擇器來實現。

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

table tr {
/* 設置默認樣式 */
background-color: #fff;
}
table tr:hover {
/* 鼠標滑過時的樣式 */
background-color: #ccc;
}
table tr.selected {
/* 被選中后的樣式 */
background-color: #f00;
}

然后，在JavaScript中通過添加事件監聽器來實現點擊選中某一行的效果：

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

代碼中，首先獲取了表格中所有的行，然后給每一行添加點擊事件監聽器。在事件處理程序中，先移除其它行的選中狀態，再給當前行添加選中樣式。

最后，我們需要在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>

通過以上三步，我們就可以實現CSS表格中某一行點擊變色的效果了。