JavaFX TableView样式优先级问题：解决TableCell设置setTextFill后悬停与选中字体颜色不生效的问题

我完全懂你碰到的这个坑——直接在TableCell里用setTextFill()设置内联样式，确实会把CSS里定义的悬停、选中状态的字体颜色给覆盖掉，毕竟内联样式的优先级是最高的。不过咱们可以换个思路，用自定义CSS伪类来实现条件颜色，这样既能根据变量控制字体变红，又能保留CSS的状态样式效果。

方案一：使用自定义CSS伪类 #

这个方法是通过给符合条件的单元格标记一个自定义伪类，然后在CSS里统一管理所有状态下的颜色规则，避免内联样式的优先级问题。

步骤1：修改Java代码添加自定义伪类 #

在column2的cellFactory中，定义一个自定义伪类red-text，然后在updateItem方法里根据isShowRed()的值切换伪类状态：

column2.setCellFactory((TableColumn<Person, String> param) -> {
    // 定义自定义伪类
    PseudoClass RED_TEXT_PSEUDO_CLASS = PseudoClass.getPseudoClass("red-text");
    TableCell<Person, String> cell = new TableCell<Person, String>() {
        @Override
        public void updateItem(String item, boolean empty) {
            super.updateItem(item, empty);
            if (empty || getTableRow() == null || getTableRow().getItem() == null) {
                setText(null);
                // 清空伪类状态，避免单元格复用残留样式
                pseudoClassStateChanged(RED_TEXT_PSEUDO_CLASS, false);
                return;
            }
            Person person = (Person) getTableRow().getItem();
            // 根据isShowRed的值切换伪类
            pseudoClassStateChanged(RED_TEXT_PSEUDO_CLASS, person.isShowRed());
            setText(item);
        }
    };
    return cell;
});

步骤2：更新CSS样式规则 #

在TableEditor.css中，针对伪类和各种状态（正常、悬停、选中）定义字体颜色：

/* 正常状态：默认黑色，标记red-text伪类的单元格显示红色 */
.table-view .table-cell {
    -fx-text-fill: black;
}
.table-view .table-cell:red-text {
    -fx-text-fill: red;
}

/* 选中状态：强制使用黄色文本，覆盖伪类颜色 */
.table-view:focused .table-row-cell:filled:focused:selected .table-cell {
    -fx-background-color: blue;
    -fx-text-fill: yellow;
}

/* 悬停状态：强制使用黄色文本，覆盖伪类颜色 */
.table-view .table-row-cell:filled:hover .table-cell {
    -fx-background-color: blue;
    -fx-text-fill: yellow;
}

为什么这个方案有效？ #

我们不再依赖内联的setTextFill()，而是用CSS伪类标记需要变红的单元格。这样CSS里的状态选择器（:hover、:selected）可以通过优先级规则正确覆盖伪类样式，完美解决了内联样式和CSS状态样式的冲突问题。

额外注意事项 #

• 一定要处理empty状态，清空文本和伪类标记，防止单元格复用的时候出现样式残留。
• CSS选择器要精准定位到table-cell，确保状态样式能作用到单元格文本上。

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