Tailwind CSS 練習問題 29：Tailwindの任意の値（アービトラリバリュー）記法
Tailwind CSSにおいて、CSSのカスタムプロパティを使わずに、標準のカラーパレットに存在しない任意の色（例：#1da1f2）を背景色として直接指定したい場合、正しい記法はどれか。
- bg-[#1da1f2]
- bg-custom(#1da1f2)
- bg-color-#1da1f2
- bg-{#1da1f2}
- bg-hex-1da1f2
正解と解説を見る
正解：bg-[#1da1f2]
Tailwind CSSでは角括弧を使った「アービトラリバリュー」（＝あらかじめ用意された値ではなく任意の値を直接指定できる記法）を使うことで、標準パレットにない任意の色や数値を指定できます。
【正解の理由】
「bg-[#1da1f2]」のように角括弧内に任意の値を記述することで、Tailwindの標準スケールにない値を直接適用できます。この記法はbg以外にも幅・高さ・マージンなど多くのユーティリティで利用可能です。
【不正解の理由】
• 「bg-custom(#1da1f2)」：Tailwindにこのような関数形式の記法は存在しない
• 「bg-color-#1da1f2」：Tailwindの命名規則に存在しない形式
• 「bg-{#1da1f2}」：波括弧を使う記法はTailwindには存在しない
• 「bg-hex-1da1f2」：Tailwindにこのようなクラス名は存在しない