tailwindcss实现选择按钮，且选择按钮保持一个名字不变

你可以使用 Tailwind CSS 的 class 组合来实现选择按钮，并且让其中一个按钮保持一个名字不变。具体实现步骤如下：

1. 创建一个包含所有选择按钮的父元素，例如一个 div 元素。

2. 在父元素中添加两个 class：flex 和 space-x-4。这样可以使所有按钮排成一行，并且按钮之间留有一定的空间。

3. 在每个按钮上添加以下 class：bg-gray-200、hover:bg-gray-300、rounded、px-4、py-2、text-gray-700、font-semibold。这样可以使按钮具有一致的样式。

4. 对于你想要保持名字不变的按钮，可以在它的 class 中添加一个额外的 class，例如 selected。然后，在 CSS 中定义这个 class 的样式，使它的背景颜色和文字颜色不同于其他按钮。例如：

.selected {
  background-color: blue;
  color: white;
}

5. 最后，你可以使用 JavaScript 或其他技术来处理按钮的点击事件，并为选中的按钮添加或移除 selected class。

下面是示例代码：

<div class="flex space-x-4">
  <button class="bg-gray-200 hover:bg-gray-300 rounded px-4 py-2 text-gray-700 font-semibold selected">Button 1</button>
  <button class="bg-gray-200 hover:bg-gray-300 rounded px-4 py-2 text-gray-700 font-semibold">Button 2</button>
  <button class="bg-gray-200 hover:bg-gray-300 rounded px-4 py-2 text-gray-700 font-semibold">Button 3</button>
</div>

.selected {
  background-color: blue;
  color: white;
}