2025 iThome 鐵人賽

佛心分享-跟著我的影片學 IT

最新文章熱門文章

選手 6 文章 82

佛心分享-跟著我的影片學 IT

Day 13

2025-08-13

755

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 13 ) CSS 虛擬類別選擇器 ( 結構位置 )

虛擬類別選擇器是根據「元素的狀態」來選取元素，這個單元會介紹透過元素在「文件結構」中的「位置」狀態，進行選取元素的虛擬類別選擇器，這類型的選擇器有 :root、...

oxxo

佛心分享-跟著我的影片學 IT

Day 12

2025-08-12

728

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 12 ) CSS 文件結構選擇器

CSS 文件結構選擇器是非常基本的選擇器，除了可以利用 HTML 文件結構的親子關係選取元素，也能透過子代選擇器「>」、兄弟選擇器「~」或相鄰兄弟選擇器「...

oxxo

佛心分享-跟著我的影片學 IT

Day 16

2025-08-16

709

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 16 ) CSS 虛擬類別選擇器 ( 使用者操作行為 )

使用者在瀏覽網頁時，往往會有點擊、懸停之類的操作行為，CSS 也有專門針對這些操作行為的虛擬類別選擇器，例如 :hover、:active、:focus、:fo...

oxxo

佛心分享-跟著我的影片學 IT

Day 11

2025-08-11

703

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 11 ) CSS 屬性選擇器

CSS 屬性選擇器可以根據 HTML 元素的屬性名稱與屬性值，選取特定的元素，然而隨著瀏覽器與 CSS 的進步，甚至可以根據屬性值的字首、字尾或片段來選取元素，...

oxxo

佛心分享-跟著我的影片學 IT

Day 28

2025-08-28

686

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 28 ) CSS @container 容器查詢

CSS 的 @container 容器查詢和 @media 媒體查詢類似，都可以在判斷出指定條件時，針對特定的元素套用特定的樣式，但有別於 @media 是根據...

oxxo

佛心分享-跟著我的影片學 IT

Day 30

2025-08-30

684

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 30 ) CSS @layer 分層優先順序

CSS 的 @layer 是一個可以利用類似「圖層」的方式，去調整「選擇器權重」的 At 規則，這個單元除了會介紹 @layer 的用法，還會用範例呈現 @la...

oxxo