css|【CSS 基础】CSS复合选择器前端|css3

1.复合选择器组成

后代选择器
子元素选择器（亲儿子选择器）
并集选择器
伪类选择器

【css|【CSS 基础】CSS复合选择器】代码实例：

Document - 锐客网 > /* 后代选择器 */ ul li { color: red; } /* 子元素选择器--只选择亲儿子 */ .nav { color: green; } /* 并集选择器 */ .bear1, p, .pigs li { color: pink; } 1 2 3 1 2 3 4 我是儿子我是孙子小猪佩奇猪爸爸猪妈妈

效果：

文章图片

2. 伪类选择器

a:link；
a:visited；
a:hover;
a:active;

代码实例：

Document - 锐客网 > /* 1.未访问的链接（把没有点击过/访问过的链接选出来） */ a:link { color: black; /* 去除下划线 */ text-decoration: none; } /* 2. 点击过/访问过的链接 */ a:visited { color: orange; } /* 3. 鼠标经过 */ a:hover { color: skyblue; } /* 4. 鼠标按下没有弹起 */ a:active { color: green; } 小猪佩奇