小编给大家分享一下ID选择器与class选择器有哪些区别，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！
区别有：ID选择器在文档中只能用一次，class选择器可以使用多次；class选择器可以为同一个元素同时设置多个属性而ID选择器不可以
ID 选择器
id是唯一标识一个元素的，在一个文件中只能出现一次并且能够非常精准的找到特定的元素
ID 选择器前面有一个 # 号，CSS中通过ID选择器给HTML文档添加样式
例：
<style type="text/css">
#demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div id="demo">ID选择器</div>
</body>效果图：
class选择器
类选择器允许以一种独立于文档元素的方式来指定样式，该选择器可以单独使用，也可以与其他元素结合使用
class选择器前面有一个“.”号
例
<style type="text/css">
.demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div class="demo">class选择器</div>效果图：
ID 选择器与class选择器的区别
（1）文档使用次数：ID选择器只能使用一次，而class选择器可以使用多次
（2）可以使用class选择器为一个元素同时设置多个样式，但是ID选择器是不可以的
看完了这篇文章，相信你对ID选择器与class选择器有哪些区别有了一定的了解，想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
