CSS复合选择器

一、包含选择器（重点）

1.介绍

①用于选择元素/元素组中的子元素
②外层标签写在前面，内层标签写在后面，中间用空格分隔

2.基本语法

// 选择nav类中的所有a标签
.nav a {
			color: red;
		}

二、子元素选择器

1.介绍

①子元素选择器只能选择作为某元素子元素的元素。
②外层标签写在前面，内层标签写在后面，中间用**>**分隔

2.基本语法

// 选择nav类中的a标签
//如果div与a标签中还有别的标签，则该语句不起作用
    div>a {
        color: red;
    }

三、并集选择器（重点）

1.介绍

①同时选择多个标签，用于这些标签的集体声明。
②声明时用逗号隔开。

2.基本语法

// 同时定义p,span,red类
		p, 
		span,
		.red {
			color: red;
		}

四、交集选择器

1.介绍

通常第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格。

2.基本语法

// 选择既是p标签，又是red类的元素
p.red {
			color: red;
		}

五、标签伪类选择器

1.介绍

• a:link /* 未访问的链接 */
• a:visited /* 已访问的链接 */
• a:hover /* 鼠标移动到链接上 */
• a:active /* 选定的链接 */
• 同时使用需要按照lvha的顺序写，其中a:hover最为常用

2.基本语法

// 声明鼠标经过链接时的状态
		a:hover {
			color: red;
		}