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

Question

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

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

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

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

Answer 1

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

关于兄弟选择器，这是supported back to IE6 .所以除非你想追溯到那么远，否则我不会担心那个。