Javafx - 伪类中的伪类

Question

我有一个实际问题，即启用或禁用箭头图像，我在两种不同的图像之间切换。当箭头处于活动状态时，我设置了一个伪类，将图像更改为蓝色，当它被禁用时，图像为灰色

css sn-p 做到了：

#navigateLeftImage:enabled
{
    -fx-image:url("images/left-arrow.png");
}

我在某些条件下启用伪类的状态。

现在，需要做的另一件事是，当我将鼠标悬停在启用的图像上时，它应该放大，这可以通过 css 选择器实现：悬停，但我只希望它在其图像是启用的图像时放大。

如果我可以在伪类中嵌套伪类，我会做这样的事情

#navigateLeftImage:enabled
{
    -fx-image:url("images/left-arrow.png");
    #navigateLeftImage:hover
    {
      //css to scale
    }
}

我知道我可以添加一个处理程序来悬停，然后在图像被禁用时将其删除，但我最终会求助于它。

Answer 1

CSS 不允许您将规则放入另一个规则中。不过，您可以使用多个规则并选择使用仅适用于两个伪类的选择器：

#navigateLeftImage:enabled
{
    -fx-image: url("images/left-arrow.png");
}

#navigateLeftImage:hover:enabled
{
  //css to scale
}