CSS 的 ID 和 Class 有什么区别？如何正确使用它们

Question

如题所述

Answer 1

个人总结的一些区别：
在css中，ID的前缀用"#"，Class的前缀用"."
同一个标签，只能有一个ID，但可以有多个Class（如：div id="div1" class="div1 div2 div3"，表示该div的ID为div1，Class分别为div1、div2、div3三个）
优先级：同时定义一个标签的ID和Class的css，ID所定义的css优先于Class（如：#div{font-size:14px;} .div{font-size:12px;}；则它的字体大小是14px）
在同一个页面，ID只能出现一个，Class则可以出现多个

Answer 2

class和ID都可以在css中使用，只是使用方法不同
class在css里面使用的时候是用小写的点加上class的名字
id在css里面使用的时候是用#加上id的名字

Answer 3

在设计样式的时候
<style type="text/css">
#yourID{
样式
}

.yourClass{
样式
}

</style>

且比如同一个div中ID是标示这个div的，ID必须是独一的，设置的样式是该div的样式
如果class的话，可以让n个div都有此样式。

希望给你帮助，O(∩_∩)O谢谢~
不懂可以追问哦~~

Answer 4

“.”是类选择器的标识，“#”是Id选择器的标识
举例：
Html中<div id="demo"></div>给该div添加样式方法：#demo{}；
Html中<div class="demo"></div>给该div添加样式方法：.demo{}；
两种方法的效果是一样的，但是id具有唯一性，所以用id命名选择器只能用一次，而class可以在任一元素中定义它的样式