如何在Thymeleaf的td标签中添加带条件的多内联CSS样式？

你可以通过字符串拼接的方式，把固定内联样式和Thymeleaf的条件样式表达式结合在一起，直接写在th:style属性里，不需要额外CSS类。

修改后的完整代码如下：

<td th:style="'padding: 6px; text-align: center;' + (${count < 1} ? 'color: green;' : 'color: red;')"
    th:text="${count}">Default Value</td>

原理说明：

• 先写死固定样式字符串'padding: 6px; text-align: center;'
• 用+连接Thymeleaf的三目条件表达式，根据count的值动态生成颜色样式
• 最终渲染后，td会同时拥有固定的内边距、文本居中样式，以及对应条件的颜色样式

内容的提问来源于stack exchange，提问作者jane