-
常用于a和input标签
-
例
a:link{ color: blue; } a:visited{ color: green; } a:hover{ color: red; } a:focus{ color:black; } a:active{ color: yellow; } input:focus{ background: yellow; } input:active{ background: red; }
-
区别
link表示链接在正常情况下(即页面刚加载完成时)显示的颜色。 visited表示链接被点击后显示的颜色。 hover表示鼠标悬停时显示的颜色。 focus获得聚焦对象的元素,并设置聚焦时的显示效果,主要用于文本框输入文字时使用(鼠标松开时显示的颜色)。 active表示当所指元素处于激活状态(鼠标在元素上按下还没有松开)时所显示的颜色
-
伪类的顺序应为link--visited--hover--focus--active
网友评论