是的，他们不一样……

#是一个id
选择器，用于定位具有唯一 id 的
单个 特定元素，但是 .
是一个类选择器，用于定位具有特定类的
多个元素。 换一种方式：

• #foo {} 将为使用属性声明的单个 元素设置样式id="foo"
• .foo {} 将使用属性设置所有 元素的样式class="foo"（您也可以将多个类分配给一个元素，只需用空格分隔它们，例如class="foo bar"）

典型用途

一般来说，你使用 # 来设置你知道只会出现一次的东西，例如，像侧边栏、横幅区域等高级布局 div 之类的东西。

类用于重复样式的地方，例如，假设您使用特殊形式的错误消息标题，您可以创建h1.error {}仅适用于的样式<h1 class="error">

特异性

选择器不同的另一个方面是它们的特异性 - id
选择器被认为比类选择器更具体。这意味着当元素上的样式发生冲突时，使用更具体的选择器定义的样式将覆盖不太具体的选择器。例如，给定<div id="sidebar" class="box">任何规则#sidebar与覆盖冲突规则.box

了解有关 CSS 选择器的更多信息

有关 CSS
选择器的更多精彩入门，请参阅Selectutorial -
它们非常强大，如果您的概念只是“# 用于 DIV”，那么您最好仔细阅读如何更有效地使用 CSS。

编辑：看起来 Selectutorial
可能已经去了天空中的大网站，所以试试这个存档链接。