<day06>伪类选择器

2022/7/13 23:24:32

本文主要是介绍<day06>伪类选择器,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

超链接的伪类
        /* 链接点击之前 */
        a:link {
            color: blue;
        }
​
        /* 连接访问之后 */
        a:visited {
            color: lightblue;
        }
​
        /* 鼠标放上去时 */
        a:hover {
            color: red;
        }
​
        /* 鼠标点击不松手 */
        a:active {
            color: green;
        }
​
        /* 当四个伪类同时应用于a标签时要注意顺序问题
        hover要放到link和visited的后面
        active要放在hover的后面 */
动态伪类
h3:hover {
            color: pink;
        }
其他伪类
li:first-child
选择li标签的第一个元素
​
li:last-child
选择li标签的最后一个元素
​
li:nth-child(n)
选择li标签的第n个元素


这篇关于<day06>伪类选择器的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程