关于 CSS 的一些小 tips
1.锚伪类
在支持 css 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态和鼠标悬停状态。用来表示链接不同状态的伪类就是锚伪类。
1
2
3
4
|
a:link { color : green ;} /* 未访问的链接 */ a:visited { color : blue ;} /* 已访问的链接 */ a:hover { color :orange;} /* 鼠标移动到链接上 */ a:active { color : yellow;} /* 选定的链接 */ |
- 几个伪类必须按照一定的顺序(l-v-h-a),a:hover必须被置于a:link和a:visited之后,才是有效的;a:active必须被置于a:hover之后,才是有效的。
- 书写顺序很重要:a:link - a:visited - a:hover - a:actived。