CSS 選擇器與效果示範

第一部分：屬性選擇器與偽類

以 data-role 開頭 (start-*)

以 data-role 結尾 (*-end)

連結類型示範：

普通連結
新標籤開啟

第一項 (first-child)
第二項
第三項 (exclude)
第四項 (last-child)

第二段文字 (nth-of-type)

第三段文字

項目 A

項目 B (排除)

項目 C

點此跳到目標

這是 :target 效果

第二部分：各種 CSS 效果

Text Shadow 1

Text Shadow 2

Text Shadow 3

BG Clip 1

BG Clip 2

BG Clip 3

Rounded 2

Rounded 3

Border Img 1

Border Img 2

Border Img 3