2012-01-27 31 views
2

我目前正在爲基於Tab頁面的用戶交互設計一個網頁。是不同的:焦點樣式可能取決於用戶是否點擊一個或多個選項卡?

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

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

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

非常感謝!

回答

2

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

0

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

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

':active'是不一樣的觸發':用鼠標點擊focus'。即使您聲明':active'和':focus',釋放鼠標按鈕後':focus'仍可以直接生效。 – BoltClock 2012-01-27 03:01:09

相關問題