<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css选择器</title>
<style>
/* 1、通配符选择器 */
* {
color: yellow;
}
/* 2、标签选择器：{属性名：属性值} */
h1 {
/* 字体颜色 */
color: rebeccapurple;
/* 字体大小：px是像素单位 */
font-size: 12px;
}
/* 3、类选择器 */
.test {
color: red;
}
/* 4、id选择器 */
#test {
color: black;
}
/* 5、选择器规范：不用id选择器，都用类选择器 */
</style>
</head>
<h1>Hello world!</h1>
<h1 class="test">Hello world!</h2>
<p class="test">gogo!</p>
<h2 id="test" style="color: aqua;">Hello world!</h2>
<body>
</body>
</html>
