我已经将这个简单的代码放在一起，仅使用CSS显示/隐藏点击内容。它可以在FF中使用，但不能在Chrome或Safari中工作（在IE中尚未测试）
有人可以告诉我为什么它不能在这些浏览器中工作并提出替代方案（如果可能的话只使用CSS）？
以下是使用代码的网站 - http://www.themontessoripeople.co.uk/montesori/?page_id=20#policies-list
答案 0 :(得分：4)
添加了tabindex，适用于Chrome：http://jsfiddle.net/fW3yW/1/
从这里开始：css focus not working in safari and chrome
jQuery方法：http://jsfiddle.net/fW3yW/12/
答案 1 :(得分：2)
你在滥用CSS。 :focus psuedo-class用于样式化具有焦点的表单元素，而不是<a>链接，浏览器可以以不同方式实现:focus，然后还有类似的{{1} psuedo-class。
我建议您不要默认使用CSS隐藏任何内容，但使用jQuery隐藏元素，然后使用jQuery创建显示/隐藏动画（使用单行代码轻松完成）单击链接时。它更优雅，适用于更多浏览器。
答案 2 :(得分：0)
您正在使用带有XHTML doctype的CSS3选择器。我不知道所有浏览器都会使用XHTML doctype标签来处理CSS3 - 尽管这两个规范并不一定是绑在一起的。
您是否尝试过更改doctype以表示HTML5？ （然后，当然，这会带来各种HTML5shim问题......）
答案 3 :(得分：0)
使用jQuery代替......更加可靠和优雅。