ID选择器与class选择器有什么区别【html5教程】,ID选择器、ID选择器

区分有：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>

效果图：