https://benzhub.github.io/tags/%E9%A1%9E%E5%88%A5%E5%81%B5%E6%B8%AC/Recent content in 類別偵測 on BenzHubHugozh-TWMon, 03 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/003-class-detection/Mon, 03 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/003-class-detection/<blockquote> <p><strong>TailwindCSS</strong> 最讓新手困惑的一件事，往往是「我明明寫了 class，樣式卻憑空消失」。答案藏在它的<strong>類別偵測（class detection）<strong>機制裡——Tailwind 靠的是</strong>內容掃描（content scanning）</strong>，一種字串層級的搜尋，而不是執行你的程式碼。這是 <strong>TailwindCSS 完整教學</strong> 系列的第三篇，帶你看懂掃描器怎麼「讀」你的原始碼，並徹底避開 <code>text-${color}</code> 這類動態拼接的陷阱。</p> </blockquote>