伪类之LoVe HAte(爱恨)原则
2016-11-18 19:49
363 查看
伪类的定义和概念
a:link 未访问链接
a:visited已访问链接
a:hover悬浮链接
a:active活动链接
在所有浏览器中,链接的默认外观是:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
优先级:
若没有a{}
若无a:link,a:link将采用默认的字体大小和颜色
若无a:hover,a:hover将继承a:link的所有属性。若有a:link,a:hover继承自己没有的属性。
若没有a:active,a:active将先继承a:hover中的所有属性,然后从a:link继承没有的属性。
若没有a:visited, a:visited将采用默认的字体大小和颜色。
总结:优先级L->V->H->A。可以这样记LoVe HAte(爱恨)
一个鼠标经过未访问链接同时拥有a:link、a:hover两种属性,鼠标经过的已访问链接同时拥有a:visited,a:hover两种属性。如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依此向下,保证最下面的是最特殊的条件,后面的属性会覆盖前面的属性。
a:link 未访问链接
a:visited已访问链接
a:hover悬浮链接
a:active活动链接
在所有浏览器中,链接的默认外观是:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
优先级:
若没有a{}
若无a:link,a:link将采用默认的字体大小和颜色
若无a:hover,a:hover将继承a:link的所有属性。若有a:link,a:hover继承自己没有的属性。
若没有a:active,a:active将先继承a:hover中的所有属性,然后从a:link继承没有的属性。
若没有a:visited, a:visited将采用默认的字体大小和颜色。
总结:优先级L->V->H->A。可以这样记LoVe HAte(爱恨)
一个鼠标经过未访问链接同时拥有a:link、a:hover两种属性,鼠标经过的已访问链接同时拥有a:visited,a:hover两种属性。如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依此向下,保证最下面的是最特殊的条件,后面的属性会覆盖前面的属性。
相关文章推荐
- a标签伪类的LOVE HATE原则
- css正确的伪类顺序(love hate)
- love hate原则
- CSS中a标签样式的“爱恨”原则:定义链接样式的四个伪类
- 【转】Microsoft ,Apple,Google用户体验设计原则
- 结构体和位域对齐的原则(3/5原则)
- SQL优化原则
- 开放—封闭原则
- 书写高效整洁的CSS代码原则
- 用户接口(UI)设计的 20 条原则
- 大话设计模式-设计模式五大原则
- java IO操作:IO的一般使用原则
- Google的10大设计原则
- [摘录]高效人士七习惯—以终为始原则
- 用户界面设计原则
- 里氏七大原则
- 面向对象设计的设计原则
- 性格内向者与人交往的原则
- 提高Oracle的WHERE语句性能一些原则
- Mybatis 中的一对一,一对多,多对多的配置原则