小引

:link,:visited,:hover,:active这4个伪类对本人来说别客气疏远的。,得依照4个伪类。LvHa这种爱与恨的基本被用来安顿陌生近亲的冥想。,用以表示威胁,事实就会出错。。

但你们都想弄明白为什么这些属性得按由大到小顺序。


:link:hover

当鼠标行动到A贴标签于时,,将扳柄一点钟贴标签于。:hover归结为,但同时,此刻的:link归结为依然存信赖A贴标签于上。,因这两个归结为都在A贴标签于上。,战场CSS的一连串的事物规律,后头写的CSS样子将增殖体居先的归结为。,因而



点击我

归结为:

点击我


可以指出,鉴于此刻link状态hover以前,因而当本人把鼠标移到贴标签于上时,,撞见hover归结为被增殖体了,它缺乏脸变红。,即使本人更改次序,继本人将指出本人怀胎的归结为。



点击我

归结为:

点击我

此刻,hover归结为生效了,乃,本人可以完成的定论。:hover要状态link以前


:link:hover:active

或原始思想方法辨析,鼠标点击时,此刻:link:hover:active它们特权市对贴标签于发生感动。,因而它依然是因为粗略估计基本。,下层法典



点击我

点击我

鉴于:link把它放在后头。,因而不管怎样:hover:active归结为都是:link增殖体了,乃,在这个时候,本人看不到鼠标点击或CL的归结为。




点击我

点击我

:hover把它放究竟。,在这点上本人可以指出,鼠标移上:hover发生的总算,同时,点击时依然看不到它。:active的归结为,因这个时候:active仍被:hover增殖体了


向右法典



点击我

点击我

这么,本人竟指出了怀胎的归结为。,同时,完成的了二点定论。

hover一定状态link以前,同时active一定状态hover和link以前

因而本人现时点菜。link/hover/active


visited

探望得放在哪里?让本人把它放在决赛。



点击我

点击我

鼠标移上,点击,乍看之下,如同不成问题。,所相当多的归结为都向右地发生了。。已经,当本人点击第一点钟贴标签于,再次单击。,撞见:hover:active它不生效。,独创的是因这个时候。:visited起了功能,也因:visited写在决赛,乃,第二次点击增殖体了居先的归结为。


终极的法典



点击我

点击我

本人更改了本人的使获得座位。,把:visited放到了:link以前,这时,无论是宁愿点击。,常第二次点击?,:visited归结为合适的。,同时,缺乏增殖体。:hover:active的归结为,决赛的次。,这几近本人所说的。LvHa基本

完成的冠词,我想要你能对这4个伪类有更深的包含。,同时,本人可以包含它们的顺序次。,确实,即使你包含这些伪类,为什么他们会这么安顿?,不再必要扶助。LoHa这么的杂技艺术被记得了。,包含是最好的冥想方法。。

Published by sayhello

发表评论

电子邮件地址不会被公开。 必填项已用*标注