这个问题在这里已经有答案了：
什么'；id和类之间的区别是什么？
（17个答案）
（17个答案）
上个月已关闭
在为元素声明一组样式时，#和之间有什么区别？在决定使用哪一种样式时，语义是什么
是的，他们是不同的
#是一个id选择器，用于针对具有唯一id的单个特定元素，但是。是一个类选择器，用于针对具有特定类的多个元素。换言之：
#foo{}将使用属性id=“foo”.foo{}将使用属性class=“foo”为所有元素设置样式（您也可以为一个元素分配多个类，只需用空格分隔它们，例如class=“foo bar”）
典型用途
一般来说，您可以使用#为您知道只会出现一次的内容设置样式，例如，诸如侧边栏、横幅区域等高级布局div
类用于重复样式的地方，例如，假设您为错误消息创建了一种特殊形式的标题，您可以创建一个样式h1.error{}，该样式只适用于<；h1 class=“错误”>
特异性
选择器不同的另一个方面是它们的特殊性——id选择器被认为比类选择器更具体。这意味着当元素上的样式冲突时，使用更具体的选择器定义的样式将覆盖不太具体的选择器。例如，给定<；div id=“sidebar”class=“box”>侧栏的任何规则，并覆盖冲突规则
了解有关CSS选择器的更多信息
有关CSS选择器的更多优秀入门知识，请参见Selectutorial——它们功能强大得令人难以置信，如果您的概念只是“用于div”，那么您最好仔细阅读如何更有效地使用CSS
编辑：看来Selectutorial可能已经访问了天空中的大型网站，所以请尝试此存档链接