不要忘了 :focus 和 :active！

很多人在给页面元素设计样式时忽略了它们的状态，只考虑了用户使用鼠标操作，忘记了用户也许是用键盘操作。请用 :focus 和 :active 标明它们的状态：

a:hover, a:active, a:focus { /* 改变它们的样式 */
    color: #900;
}

　　给用户做一件好事吧：下次当你开发一个网站，请用tab键遍历页面上所有的元素；如果你按动tab键后，页面没有任何聚焦点变化，请检查你的样式表，看看是否忘了给它们添加一些状态样式！

转载于:https://www.cnblogs.com/zjBoy/p/3731796.html