伪类

不同的链接状态 显示不一样的方式.

比如: 活动状态. 已被访问状态. 未被访问状态. 鼠标悬停状态.

当指定某一元素被选中后的特殊状态时. 一个css 伪类 会被作为一个关键词添加到选择器上

如: :hover 会在用户鼠标停在 选择器指定的元素上时 应用一个样式.

语法: 元素名:伪类 { 申明: 值 }

:link
:visited   以访问...
:active  ? 鼠标点击
:hover     鼠标悬浮
:focus   鼠标焦点... 一个网页只有一个焦点
:first-child

a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。 a:active 必须被置于 a:hover 之后,才是有效的。

例1 : ✔︎ button:hover { margin-left: 25px; border: 1px solid blue; }

例2: ✔︎ button:focus { margin-left: 25px; border: 1px solid blue; }

这个需要预先设置 focus <button id=”cateDiv-sort1”; onclick=”cateCustomfilter(); return false;” autofocus=”autofocus” >C</span>