关于伪类顺序的问题

来源:2-16 选择练习

deepdark_fantasy

2022-02-21 15:10:34

https://img.mukewang.com/climg/62133ac70943875018450947.jpg

顺序完全乱掉了,显示效果没有变化呀?

写回答

1回答

好帮手慕慕子

2022-02-21

同学你好,当伪类选择器下设置有相同属性时,才需要注意伪类的书写顺序,否则有的属性可能会不生效。

例如:截图中:hover伪类书写在:visited伪类前面,如果是同时设置字体颜色color属性,那么当访问过链接后,鼠标移入链接,文字并不会变色,同学可以调整后测试下。

https://img.mukewang.com/climg/6213402e09ad44f004870352.jpg

书写链接伪类,推荐参考如下规则:

(1)a:hover必须置于a:link和a:visited之后,才有效

(2)a:active必须在a:hover之后,才有效

(3):link和:visited两个伪类之间顺序无所谓,谁在前都可以

祝学习愉快~

0

0 学习 · 17877 问题

查看课程