技術 #52 詳細了解 CSS 各種偽類：hover、focus、active、focus-within、focus-visible、target

CSS 偽類提供了一種方法，讓我們可以根據元素的不同狀態來變更其樣式。例如，當使用者將滑鼠移到元素上或點擊元素時，偽類會根據這些狀態套用特定的樣式（突然覺得這應...

技術 :hover 游標懸停狀態，讓網頁更動態活潑

接下來我們來介紹「偽類選擇器（Pseudo-class Selector）」，也叫「虛擬類別選擇器」。這些選擇器的作用是針對元素在特定狀態下的樣式進行設定。雖...

技術 什麼是CSS選擇器? CSS選擇器如何應用

一個完整的網站由 HTML、CSS 和 JavaScript 三者協同運作，各司其職，缺一不可。HTML 負責網站的結構，CSS 負責視覺美感，而 JavaS...

技術 [快速入門前端 15] CSS 選擇器 (5) Pseudo-Classes 偽類 - UI狀態偽類、否定偽類、目標偽類、語言偽類

UI 元素狀態偽類 是指依照該元素目前的狀態(如是否勾選、是否被禁用)作為選擇器進行選擇，主要分為三種 :checked、:disabled 及 ':enabl...

技術 [快速入門前端 14] CSS 選擇器 (4) Pseudo-Classes 偽類 - 結構偽類

結構偽類 結構偽類是指針對 HTML 結構來選擇元素進行樣式設定，從而減少對 Class 的依賴，尤其是在表格、表單等排列順序會變動的元素中。例如當我們想利用...