使用CSS选择活动或焦点元素的同胞？

Question

我试图实现像功能的按钮来显示和隐藏使用CSS的错误。

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

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

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

Answer 1

您可以使用填充工具在旧的浏览器来实现:focus功能。我建议Selectivizr，因为它得到了广泛的支持和测试。它也可用于多种框架，使其更适合您的生产环境。

关于兄弟选择器，这是supported back to IE6。所以除非你试图走得太远，否则我不会担心那个。