CSS的复合选择器

1. 类型：后代选择器、子选择器、并集选择器、伪类选择器

2. 后代选择器：

语法：元素1 元素2 {样式声明}（元素2是元素1的子元素，且用空格隔开）

3. 子元素选择器：

（1）只能选择最近一级子元素

语法：元素1>元素2 {样式声明}

4. 并集选择器：

（1）可以选择多组标签，为它们定义相同样式。

（2）各选择器通过，连接而成：元素1，元素2 {样式声明}

5. 伪类选择器

（1）用冒号表示

（2）链接伪类选择器

①a: link（选择所有未被访问的链接）

②a: visited（选择所有已被访问的链接

③a: hover（选择鼠标指针位于其上的链接）

④a: active（选择活动链接（鼠标按下未弹起的链接））

⑤确保生效，要按（LVHA）顺序声明：link--visited--hover--active。

⑥a链接样式要单独指定

⑦实践开发中写法：

a [

color: gray;

}

a:hover {

color: red;

}

（3）:focus伪类选择器

①选取获得焦点（光标）的表单元素

语法：

input:focus {

background-color: yellow;

}