在CSS的第八章中，我們學習了如何使用屬性選擇器來選擇指定屬性值的元素。課后練習3則要求我們實現一個類名為“selected”的元素在被點擊后，背景色變為黃色。

.selected {
background-color: white;
cursor: pointer;
}
/* 使用屬性選擇器選中具有selected屬性的元素 */
[selected] {
background-color: yellow;
}
/* 使用JavaScript為元素添加選中效果 */
document.querySelector('.selected').addEventListener('click', function() {
this.setAttribute('selected', '');
});

以上代碼實現了當具有“selected”類名的元素被點擊時，其背景色變為黃色。

首先，我們為具有“selected”類名的元素定義了初始的樣式，包括背景色為白色和鼠標指針樣式為手型。接下來，我們使用屬性選擇器選中具有“selected”屬性的元素，并將其背景色設為黃色。最后，我們使用JavaScript實現了具有“selected”類名的元素被點擊后，為其添加“selected”屬性以達到背景色變色的效果。

通過該練習，我們了解了如何使用CSS的屬性選擇器以及JavaScript為元素添加屬性，實現在特定條件下元素樣式的改變。