状态处理

通过在类名称的开头添加一个修饰符来描述您想要定位的条件，可以有条件地应用Tailwind中的每个实用类。

伪类

hover: 鼠标悬停状态
focus: 获得焦点状态
active: 被点击激活状态
disabled: 禁用状态
checked: 被选中状态
focus-within: 子元素获得焦点状态

父元素控制自元素的样式

first: 第一个子元素
last: 最后一个子元素
odd: 奇数索引的子元素
even: 偶数索引的子元素
visited: 链接访问后的状态
group-hover: 鼠标悬停在父元素上激活

例如，bg-sky-700为默认状态下的背景，鼠标悬停时背景变为：bg-sky-700

1<button class="bg-sky-500 hover:bg-sky-700 ...">
2  Save changes
3</button>