首页 > 代码库 > 不要忘了 :focus 和 :active!

不要忘了 :focus 和 :active!

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

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

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