css - 使用 CSS 选择活动元素或焦点元素的同级？

Question

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

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

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

但是IE7不支持焦点。:active 不起作用。只有悬停似乎在选择兄弟姐妹时起作用。但是，我想实现类似按钮的行为。这可能在 IE 7 中仅使用 CSS 吗？#ShowErrors 是一个链接（）。

Answer 1

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

关于兄弟选择器，这支持回到 IE6。因此，除非您想回​​到那么远，否则我不会担心那个。