Rumah > Artikel > hujung hadapan web > ID选择器与class选择器有什么区别
ID选择器与class选择器有什么区别
- 清浅asal
- 2018-12-14 13:23:279774semak imbas
区别有：ID选择器在文档中只能用一次，class选择器可以使用多次；class选择器可以为同一个元素同时设置多个属性而ID选择器不可以
平时写代码的时候用div和css制作网页时，总会用到class和id选择器来设置CSS的样式，将下来在文章中将为大家介绍class与id选择器的用法以及它们的区别，有一定的参考作用，希望对大家有所帮助
【推荐课程：CSS课程】
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选择器有所了解。
Atas ialah kandungan terperinci ID选择器与class选择器有什么区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何自定义下划线的样式Artikel seterusnya：CSS3中如何自定义表格样式