很多人在给页面元素设计样式时忽略了它们的状态，只考虑了用户使用鼠标操作，忘记了用户也许是用键盘操作。请用 :focus 和
:active 标明它们的状态：
a:hover, a:active, a:focus { /* 改变它们的样式 */ color: #900; }
给用户做一件好事吧：下次当你开发一个网站，请用tab键遍历页面上所有的元素；如果你按动tab键后，页面没有任何聚焦点变化，请检查你的样式表，看看是否忘了给它们添加一些状态样式！
不要忘了 :focus 和 :active！,布布扣,bubuko.com
原文：http://www.cnblogs.com/zjBoy/p/3731796.html