某些 Tailwind CSS 类未正确应用

Question

className={${valueItem === value ? "bg-green-400 bg-opacity-10 text-green-500 hover " : "hover "} flex px-8 py-2 bg-white w-full text-sm font-semibold text-secondary-text transition-all}

这里，bg-green-400 不起作用，但其他类可以。同样，text-green-500 不起作用，但其他文本颜色可以。有谁知道如何修复这个“错误”？

我尝试了一切，但这过去发生在我身上，修复方法是重新安装。

Answer 1

现有的

bg-white

和

text-secondary-text

分别覆盖

bg-green-400

和

text-green-500

。考虑在任何时候只应用一种属性，例如：

className={
  ${valueItem === value
    ? "bg-green-400 bg-opacity-10 text-green-500 hover "
    : "bg-white text-secondary-text hover "
  } flex px-8 py-2 w-full text-sm font-semibold transition-all}