#是一个id selector，用于以具有唯一id的single特定元素为目标，但是.是一个class selector，用于针对具有特定类的multiple个元素.换一种说法:
#foo {}将样式化用属性id="foo"声明的single元素.foo {}将使用属性class="foo"设置all个元素的样式(您也可以将多个类分配给一个元素，只需用空格分隔它们，例如class="foo bar")一般来说，你用#来设计一些你知道只会出现一次的东西，例如，高级布局div，比如边栏、横幅区域等.
类用于样式重复的地方，例如，假设您为错误消息创建了一种特殊格式的标题，您可以创建一个仅适用于<h1 class="error">的样式h1.error {}
Select 符不同的另一个方面是它们的特殊性-id Select 符被认为比类 Select 符更具体.这意味着，当元素上的样式为conflict时，用更具体的 Select 器定义的样式将覆盖不太具体的 Select 器.例如，给定<div id="sidebar" class="box">具有覆盖.box的冲突规则的#sidebar的任何规则
有关CSS Select 器的更多入门读物，请参见Selectutorial-它们非常强大，如果您的概念仅仅是"#用于div"，那么您最好仔细阅读一下如何更有效地使用CSS.
编辑:看起来SelecTutorial可能go 了天空中的大网站，所以试试这个archive link吧.