css - 不同 :focus styles possible depending on if user clicks an element or tabs to it?

Question

我目前正在设计一个网页样式，以根据在页面中使用 Tab 键进行用户交互。

是否有一种方法可以在用户通过单击鼠标聚焦该元素时以一种方式设置该元素的样式，而在他们使用 Tab 键时以另一种方式设置该元素的样式？

我想要不同的样式，因为我希望被标记的元素比他们点击的元素更粗。试图让查看它们在页面上的位置变得更容易。

我知道如何用 javascript 完成这个，只是想知道是否有人有 CSS 解决方案。

非常感谢!

Answer 1

我不认为你可以，因为 CSS 代码不知道你聚焦元素的方式，但只知道它在那个时刻有焦点。我猜你必须使用 javascript 代码来完成它。