2

问题是当焦点和悬停伪类一起使用时，然后当单击 ImageView 时，它不会执行焦点伪类工作，而是执行没有伪类的工作，如果我删除悬停伪类，那么它工作正常但是不专注时，我无法执行悬停效果。其中 l1 是我在上 Anchorpane 中的用户 ImageView

CSS 代码：

#l1
{
    -fx-image : url(logo/user.png);
}
#l1:hover
{
    -fx-image : url(logo/user1.png);
}
#l1:focused
{
    -fx-image : url(logo/user1.png);
}

在此处输入图像描述

4

1 回答 1

0

会不会像拼写错误一样简单？我相信你正在寻找的伪类:focus不是:focused。见这里：https ://developer.mozilla.org/en-US/docs/Web/CSS/:focus

我从来没有听说过:focused。

编辑：显然我错了，它实际上在 JavaFX CSS 中拼写不同。以上无视。

话虽如此，我并没有真正理解您要做什么，因为您的描述写得不是很清楚。如果我的上述建议不起作用，我很乐意帮助您解决问题，但我需要您让您的问题更清楚。

除此之外，如果您包含的片段包含实际的样式和 ID 名称，我只给您一些小建议。

1. l1对于选择器来说是一个非常糟糕的名字。除了没有语义并且没有给你或未来的开发人员任何关于它实际上是什么的指示之外，它还陷入了l和1字符看起来非常相似的问题。这会引起与许多不同字体的混淆。语义选择器名称是最佳实践。您可以在此处阅读本指南中有关良好 CSS 命名约定的更多信息：https ://cssguidelin.es/#naming-conventions

2.从 UI 的角度来看，下划线倾向于向人们表明，下划线是一个链接。像使用“用户登录”那样在元素标题下划线在视觉上有些不吸引人，并且还会误导用户。在此处查看 WPF UI 指南中的“注意事项”：https ://cdn.wfp.org/guides/ui/v0.14.0/basics/typography/或 Nielsen Norman Group 的链接可视化指南：https ://www.nngroup.com/articles/guidelines-for-visualizing-links/

于 2019-12-17T14:58:19.600 回答