Skip to main content
HashnodeEva Chen | 網頁設計師下班後

Command Palette

Search for a command to run...

#pseudo-classes

Articles tagged with #pseudo-classes

  1. #71 CSS 偽元素的妙用：「::before」 與「::after」的常見用法

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 之前寫的文章，雖然有提到過，但是居然沒有好好地解釋過 CSS 的偽元素（Pseudo），也就是 ::before 與 ::after。這超級實用的，怎麼能沒有呢？所以今天就來好好地認識一下它們吧！ 它們用在不修改 HTML 的情況下加入裝飾性內容，是前端開發的必備技能。 ::before 與 ::after，簡單來說，就像是你在 HTML 元素的前後，額外加上了兩個裝飾用的「影子」元素。而且，你完全不需要去動...

    Sep 22, 20251 min read26
    #71 CSS 偽元素的妙用：「::before」 與「::after」的常見用法

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

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 CSS 偽類提供了一種方法，讓我們可以根據元素的不同狀態來變更其樣式。例如，當使用者將滑鼠移到元素上或點擊元素時，偽類會根據這些狀態套用特定的樣式（突然覺得這應該在剛開始先交給大家 XD）。 註：最近重感冒好了一些，加上放了颱風假，明天開始會漸漸地把之前和這一篇缺的的 DEMO 補上。 以下是幾個常用的偽類介紹及應用…

    Aug 13, 20251 min read11
    #52 詳細了解 CSS 各種偽類：hover、focus、active、focus-within、focus-visible、target
#pseudo-classes - Eva Chen | 網頁設計師下班後