1 标签选择器
元素名称{属性：属性值;} 如：body div p img em strong span
2 选择器id
#id名{属性：属性值;} id唯一
3 选择器class
.p1{属性：属性值;}
4 通配符
*{padding:0;}
5 交集选择器
选择器1选择器2{属性：属性值;}
6 并集选择器
选择器1，选择器2{属性：属性值;}
7 子选择器
选择器1>选择器2{属性：属性值;} 选择器1中所有子一级选择器2
8 伪类选择器
9 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>第一个页面</title>
<style type="text/css">
p #a{color: red;}
p #b{color: blue;}
</style>
</head>
<body>
<p><span id="a">美国</span><span id="b">
新冠疫情
</span></p>
</body>
</html>