java JavaFX CSS：当父节点悬停在上时，将悬停效果应用于子节点

Question

当父节点处于悬停状态时，是否可以对节点的子节点应用悬停效果，而不必对每个子节点进行悬停效果

例如，假设我有以下节点：

• HBox-->#家长
  • 标签-->#标签
  • 按钮-->#按钮

我想在Hbox悬停时触发按钮和标签的悬停伪类

Answer 1

在JavaFX2（使用公共API）中无法做到这一点，因为它不提供对伪类的访问。即使使用JavaFX8+，我也不建议这样做，因为这会干扰JavaFX管理的伪类

但是，您可以根据CSS样式表中父节点的悬停状态应用CSS规则，使它们看起来与悬停节点相同。以下CSS假设您将hover-container样式类添加到父类：

/* a button in a hovered container should look the same as a hovered button */
.hover-container:hover .button {
    -fx-color: -fx-hover-base;
}

/* override above rule for armed buttons */
.hover-container:hover .button:armed {
    -fx-color: -fx-pressed-base;
}