Html 子锚点标记获得焦点时的大纲列表项

当焦点在锚标记上时，我试图更改列表项的背景。它适用于悬停，如何在对焦期间更改背景

我想让列表更容易访问，这样即使用户关注锚定标签，相应的列表项也应该高亮显示

.main列表{
填充：10px；
利润率：0.10px；
}
.主列表.列表项{
列表样式类型：无；
背景：#ccc；
填充：10px；
边框底部：1px实心#333；
光标：指针；
}
.main list.列表项：悬停，.main list.列表项：焦点{
背景：ddd；
}

使用。免责声明：您需要它的兼容性如何

.main列表{
填充：10px；
利润率：0.10px；
}
.主列表.列表项{
列表样式类型：无；
背景：#ccc；
填充：10px；
边框底部：1px实心#333；
光标：指针；
}
.main list.列表项：悬停，.main list.列表项：焦点在{
背景：ddd；
}

 < /代码>如果您想考虑代码的焦点> < <代码>（重复2（这里：）和3）…如果你想关注li（重复1）谢谢，我正在寻找css解决方案。基于Blink的edge版本发布后，将立即提供对IE和edge？edge支持的任何支持。也就是说，没有。但是你为什么不干脆把
的所有样式都移到s里面，比如填充物之类的。然后，s将完全覆盖
s，您可以在s上使用
：focus
。