是不同的：焦點樣式可能取決於用戶是否點擊一個或多個選項卡？

Question

我目前正在爲基於Tab頁面的用戶交互設計一個網頁。

如果用戶通過單擊鼠標來關注該元素，而用另一種方式選擇該元素，那麼是否有一種方法可以一種方式對元素進行樣式設置？

我想要有不同的樣式，因爲我想讓選項卡的元素比他們點擊的元素更大膽。試圖更容易地看到他們在頁面上的位置。

我知道如何用javascript做到這一點，只是想知道是否有人有CSS解決方案。

非常感謝！

Answer 1

我不認爲你可以，因爲CSS代碼並不知道你關注某個元素的方式，但只知道它在那一刻的焦點。我想你必須使用JavaScript代碼來完成它。

Answer 2

你可以使用僞類是這樣的：

a:hover { color: green; } /* hover */ 
a:active { color: blue; } /* click and hold */ 
a:focus { color: red; } /* tab to it */