Question

在css示例中，我看到定义的规则从.开始，有些从#开始 - 有时这些规则混合在同一个文件中。这些规则之间有什么区别：

h1  { font-size:18pt;}
.new-alerts  { font-size:11pt; font-weight:bold;}
#old-alerts  { position:relative; font-size:10pt; }

它们在html页面上的引用方式有所不同吗？属性是如何继承的？

Answer 1

.指的是一个班级。可以使用<span class="one" />选择.one。

#指的是ID。可以使用<span id="one" />选择#one。

当你可以使用多个给定元素时，你应该使用类;当你知道只有一个元素时，你应该使用ID。 #navigation-bar将使用ID，因为您的布局中只有一个导航栏，但.navigation-link将使用类名，因为您将拥有多个导航链接。（最好使用#navigation-bar a:link来获取导航链接，但是我明白了。）

Answer 2

点.是class selector，哈希/磅/ octothorpe # selects by an ID：

<style>
    .foo { ... }
    #bar { ... }
</style>
...
<p class='foo'>Foo</p>
<p id='bar' class='baz'>Bar</p>

ID必须在整个文档中是唯一的，不必是类。这基本上是主要区别。关于脚本有一些注意事项，但在样式化时通常不会特别感兴趣。

此外，元素可能属于多个类：

<p class="foo bar baz">

如上所示，类和ID不是互斥的。

Answer 3

。是一个类，可以重复使用多次和不同的元素

＃是一个ID，每页只能使用一次。

Answer 4

See Class vs ID

有什么区别。和＃在css文件中？

4 个答案: