a标签的伪类选择器
- a标签存在一定的状态
- 1.1 默认状态,从未被访问过
- 1.2 被访问过的状态
- 1.3 鼠标长按状态
- 1.4 鼠标悬停时的状态
- a标签的伪类选择器
- 专门用来修改a标签不同状态的样式
- 格式
- :link 修改从未被访问过状态下的样式
- :visited 修改被访问过状态下的样式
- :hover 修改鼠标悬停状态下的样式
- :active 修改长按状态下的样式
- 注意点
- 4.1 a标签的伪类选择器可以单独出现也可以一起出现
- 4.2 如果一起出现,那么有严格的顺序要求,根据爱恨原则(love hate),link-visited-hover-active
- 4.3 如果默认状态的样式和被访问过状态的样式一样,那么可以缩写
a{ color:green; } 代替: a:link{ color:green; } a:visited{ color:green; }
- 5 a标签的编程规范
- 5.1 在企业开发中编写a标签的伪类选择器最好写在标签选择器的后面
- 5.2 在企业开发中和a标签盒子相关的属性都写在标签选择器中(显示模式/宽高/padding/margin)
- 5.3 在企业开发中和a标签文字/背景相关的都写在伪类选择器中