Javafx-伪类内部的伪类

Question

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

做到这一点的css片段：

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

在某些情况下，我启用伪类的状态。

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

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

#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
}