Modifiers allow you to only apply some specific Tailwind class if another condition happens.
hover: to apply a class only if you’re hovering the element with the mouse.
dark: modifier is super useful with applying dark mode.
You set any “base” class, for example
bg-white, and then say
dark:bg-black to “override” the first one in dark mode.
Modifiers are also super useful with response design, as you’ll see in the next lesson.
Lessons this unit:
|1:||Box model properties|
|4:||Flexbox and Grid in Tailwind|
|6:||Responsive design in Tailwind|