CSS选择器

选择器分类

• * class id 元素 分组选择器（p , h1 , .cls p、h1和 .cls 的css一样）
• 空格 + > ~
• 属性选择器 [attr=value]
• 伪类选择器 : hover
• 伪元素选择器

一、基础选择器

选择器	示例	描述
通用选择器	*	选择所有元素。
元素选择器	p	选择所有p元素。
类选择器	.intro	选择所有 class=”intro”
ID选择器	#header	选择 id=”header”
分组选择器	h1, p, .intro	同时选择所有 <h1>,<p>和 class=”intro”的元素。

h1,
h2 {
	color: green;
} /* 同时选择所有h1和h2元素,其字体颜色变为绿色 */

二、关系选择器