使用CSS选择active或focus元素的兄弟？

Question

我正在尝试使用CSS来实现按钮功能以显示和隐藏错误。

当用户点击CSS按钮或链接时，我可以选择焦点元素的兄弟节点，如下所示。这仅适用于IE8 +。

#ShowErrors:focus + a + a + a + div ul li.Error{
    display: list-item;
}

但IE7不支持焦点。 ：活动不起作用。只有悬停似乎可以帮助选择兄弟姐妹。但是，我想实现一个像行为一样的按钮。这可能只使用IE 7中的CSS吗？ #ShowErrors是一个链接（）。

Answer 1

您可以使用polyfill在旧版浏览器中实现:focus功能。我推荐Selectivizr，因为它得到了广泛的支持和测试。它也可以在几个框架中使用，这使它更容易适应您的生产环境。

关于兄弟选择器，这是supported back to IE6。因此，除非你试图回到那么远，否则我不会担心那个。