id选择器和class类选择器的三点区别
id选择器和类选择器的三点主要区别
CSS中，id选择器和类选择器可能不止三点，这里介绍其中的三点以供参考，如下：
- 首先，CSS中的id选择器是通过HTML元素的id属性值来匹配选择元素，类选择器则是通过元素的class属性值选择；
- 其次，同一个HTML元素（同一个文档内）只能有一个id值用于id选择器进行匹配选择，而类选择器则可以设置多个class属性值供类选择器匹配选择，叠加地设置不同的CSS样式，而且类选择器可以选择多个不同的HTML元素；
- 再者，在同一个html文档中，id选择器的选择优先级要高于类选择器（具体可参考下方的实例）；
h2元素实例代码，及在线编辑器
<p id="e1" class="e2">这个段落设置了id值和class值</p>
<p class="e2">这个段落设置了一样class值，现在通过id选择器和class类选择为这两个段落添加样式，看看这两个段落的颜色有何不同，明显id选择器的优先级高于类选择器，哪怕类选择器写在了id选择器的后面。</p>
<style>
#e1{color:green;}
.e2{color:blue;}
</style>
免责声明：内容仅供参考。