使用 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，因为它得到了广泛的支持和测试。它还可以在多个框架中使用，这使它更容易融入您的生产环境。

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