绑定<li>项以按ID停靠元素

Question

我有一个<ul>，其中A和B作为其<li>，突出显示了悬停效果。我还能够创建带有项A1，A2，A3，B1和{{1}的Mac OS X底座（受Henrique Erzinger's CodePen启发） }}。

有没有一种方法可以将列表中的项目与停靠中的项目相结合，以便将鼠标悬停在列表项上可以使链接的停靠元素成为焦点？

例如：

B2

这是我的JSFiddle，其中包括列表和停靠点。

谢谢。

Answer 1

是的，JavaScript可以实现。您将必须将停靠项与类分组，例如。groupA和.groupB，并给它们一个子类.focused（因此.groupA.focused），它们应该具有相同的子类。现在，您可以使用停靠元素的:hover样式进行样式设置了。

然后，当您将鼠标悬停在A或B上并分别在停靠元素上切换.focused类时，您的脚本应触发。

至少这是理论。您必须自己编写代码。