測試你對 Tailwind CSS 的掌握程度,共 5 題,完成後即時查看答案解析。
請從每題的選項中選擇最正確的答案,完成後按下「提交答案」查看解析。
Q1.在 Tailwind CSS 中,哪個 class 可以設定 display: flex?
display: flex
Q2.以下哪個 class 可以將文字顏色設定為藍色 500?
Q3.在 Tailwind CSS 中,套用 hover 狀態樣式的前綴寫法為何?
hover-bg-blue-500
:hover:bg-blue-500
hover:bg-blue-500
on-hover:bg-blue-500
Q4.在 tailwind.config.js 中,哪個屬性用來指定要掃描 Tailwind class 的檔案路徑?
tailwind.config.js
Q5.在 CSS 檔案中,哪個 Tailwind 指令用來引入基礎重置樣式(Preflight)?
@import "tailwind/base"
@tailwind components
@tailwind base
@include tailwind-base