Tailwind v1.1

Tailwind v1.1 已经发布，它带来了一些酷炫的新功能和一些错误修复。这是自 Tailwind v1.0 发布 以来的第一个功能发布，所以让我们深入了解一下这些更新。

#添加了屏幕阅读器实用程序

sr-only 和 not-sr-only 类被添加，以使您的网站更容易访问。这些实用程序可以用来在视觉上隐藏元素，但仍然可以被屏幕阅读器访问。这些实用程序的 focus 和 responsive 变体默认情况下会被生成，但您可以根据需要在配置文件中自定义它们。

#添加了占位符实用程序

有一些新的实用程序，允许您自定义输入框中占位符文本的颜色。要使用占位符实用程序，请将 placeholder-{color} 类添加到您的输入框中，将 {color} 替换为 Tailwind 配置中的颜色之一。

<input class="text-gray-900 placeholder-gray-500 ...">

#添加了 first、last、even 和 odd 变体

first、last、even 和 odd 变体被添加，以帮助定位在循环中生成的元素。当在 Tailwind 中处理表格时，它们将非常有用。有关它们工作原理的更多详细信息，请参见 发布说明。

#添加了 disabled 和 visited 变体

已添加 disabled 变体，以帮助在不编写自定义 CSS 的情况下为禁用的按钮和表单元素设置样式。已添加类似的 visited 变体，以帮助为用户已访问的链接设置样式。

#使用 important 时提高特异性

以前，Tailwind 在配置文件中提供了一个 important 选项，该选项会将 !important 添加到所有生成的实用程序中。这可能会导致某些第三方库添加内联样式的问题，因此现在 important 选项具有更大的灵活性。而不是将 true 传递给它来启用该选项，您可以传递一个 CSS 选择器（例如 #app），并且生成的类将被限定到该选择器，而不是附加 !important 标志。这样可以使您的 Tailwind 类比普通类具有更高的特异性，但它们不会覆盖内联样式。

/* Before */
.block {
  display: block !important;
}
 
/* After */
#app .block {
  display: block;
}

#结论

除了这里提到的功能之外，还添加了一些其他功能，以及一些我没有提到的错误修复。我强烈建议您查看 发布说明，了解有关该版本的详细信息，包括更多代码示例。