携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第13天，点击查看活动详情
1.元素选择器
最常见和易理解的CSS选择器是元素选择器，又称为类型选择器。也就是将HTML文档中的元素，直接作为选择器使用。
例如对于HTML页面：
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<p>普通段落中<a href="#">删除的引用。</a></p>
</body>
使用元素选择器添加元素样式：
<style type="text/css">
html {color:black;}
h1 {color:darkcyan;}
h2 {color:lightSeaGreen;}
p {color:grey;}
a {text-decoration:line-through;}
</style>
当我们指定一个元素，并设置样式属性之后，文档中该元素便会应用样式。例如，我们设置p元素的颜色为灰色(grey)，在没有其他样式覆盖的情况下，文档中所有的p元素都将为灰色。
如果想要多种元素应用同一样式，可以直接使用组合元素选择器。将多个要应用样式的元素用逗号隔开
注意：
- 多个元素之间的逗号是必不可少的，如果缺失了逗号将表示其他含义。
2.元素选择器语法
我们可以看出元素选择器的语法规则如下：
/*单个元素选择器*/
元素 {样式声明}
/*组合元素选择器*/
元素1，元素2 {样式声明}
3.选择器
类选择器允许以一种独立于文档元素的方式来指定样式。通常情况只希望应用样式，而不考虑具体的元素时，会使用类选择器。
4.类选择器语法
所以，我们可以看出，类选择器的语法规则如下：
-
首先，将
html中想要应用类样式的元素，指定类名；<元素名 class="指定的类名"></元素名> <元素名 class="指定的类名"> -
然后，书写相应类的样式；
.指定的类名 {样式声明}
