使用者工具

網站工具


learn:functional-css

**這是本文件的舊版!**

Functional CSS 的筆記

以前的最佳實踐不一定適用於現在的狀況,以前的 class name 不是這樣用的,不代表現在就不行。我們不該墨守成規,不該執著在那些規則上面;如果別的做法有顯而易見的好處,那為何不呢?

優點

  • 降低 CSS 檔案大小
  • 最大程度縮減 scope,讓維護變得容易

缺點

  • class name 很長,直接看 HTML 的話不好閱讀
  • 如果沒辦法做到 component 化,那就不適合使用 Atomic CSS
  • 需要花一段時間上手 Atomic CSS 的語法以及熟悉各種縮寫

Ref

learn/functional-css.1663343329.txt.gz · 上一次變更: 2022/09/16 15:48 由 admin_wi1d5ky

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki