我有一个实用的问题,其中有一个启用或禁用的箭头图像,我在两种情况下都在两个不同的图像之间切换。当箭头处于活动状态时,我设置了一个伪类,将图像更改为蓝色,而禁用箭头时,图像为灰色
做到这一点的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
}
}
我知道我可以添加一个处理程序以将鼠标悬停在该图像上,然后在该图像被禁用时将其删除,但是最后我还是会求助于此。
答案 0 :(得分:1)
CSS不允许您将一个规则放在另一个规则中。但是,您可以使用多个规则,并选择使用仅在两个伪类都存在的情况下才适用的选择器:
#navigateLeftImage:enabled
{
-fx-image: url("images/left-arrow.png");
}
#navigateLeftImage:hover:enabled
{
//css to scale
}