Tailwind CSS v2.0 以來的第一個新功能更新來了，而且充滿了許多很棒的東西！我們已將新的 JIT 引擎合併到核心中，新增了對可組合 CSS 濾鏡的一級支援、新增了混合模式工具，以及其他更多功能。
以下是一些重點
如需完整詳細資訊，請查看 GitHub 上的發行說明。
核心中的 JIT 引擎
我們在三月份宣布的全新 JIT 引擎現在已合併到核心中，並且可以作為一個選擇加入的功能，在您的 tailwind.config.js 檔案中使用新的 mode 選項。
module.exports = { mode: "jit", purge: [ // ... ], // ...};此功能仍處於預覽階段，這表示在我們解決問題的過程中，某些細節可能會變更，並且不受語意版本控制的約束。
如果您之前正在使用 @tailwindcss/jit，您現在可以改為遷移到 Tailwind CSS v2.1，因為該引擎的所有新開發都將在此處進行。
閱讀即時模式文件以了解更多資訊。
可組合 CSS 濾鏡 API
這是一個重大的更新 — 我們終於新增了對 CSS 濾鏡的一級支援！
它們的工作方式與我們的 transform 工具非常相似，您可以使用 filter 來啟用濾鏡，並將其與 grayscale、blur-lg 或 saturate-200 等工具結合使用，以動態組成濾鏡。
<div class="blur-md grayscale invert filter ..."> <!-- ... --></div>...這是 backdrop-filter 的外觀
<div class="backdrop-blur backdrop-brightness-50 backdrop-filter ..."> <!-- ... --></div>查看filter 和 backdrop-filter 以了解更多資訊。我們很快就會在那裡新增許多有用的視覺範例！
新的混合模式工具
我們為 mix-blend-mode 和 background-blend-mode 新增了全新的工具
<div class="mix-blend-multiply ..."> <!-- ... --></div>查看文件以了解更多資訊。
新的隔離工具
我們新增了新的 isolate 和 isolation-auto 工具，用於處理 isolation 屬性
<div class="isolate ..."> <!-- ... --></div>這對於設定混合模式功能或 z-index 調整的範圍非常有用，而且非常強大。
查看文件以了解更多資訊。
我也強烈建議您閱讀Josh Comeau 的這篇精彩文章，以了解其實際運作方式。
升級
Tailwind CSS v2.1 是一個增量升級，沒有任何重大變更，因此要升級，您只需執行
npm install tailwindcss@latest如果您先前正在使用 @tailwindcss/jit，您現在可以切換回 tailwindcss，並相應地更新您的 PostCSS 配置。
準備好升級了嗎？從 npm 取得 →
此遷移確保內容符合新的 v4 格式，利用指定的組件和程式碼進行範例、摘錄和程式碼區塊。