1

我正在学习 CSS，我真的很困惑何时使用.（点）以及何时#在 CSS 文件中使用。有时我真的想知道我应该使用哪一个。

4

4 回答 4

8

#你是.人类

人虽多，但你只有一个。因此，.适用于可以在文档中反复出现的类。#用于 ID，对于文档来说是唯一的。

<div class="firstname" id="personA">
    <p class="lastname">Sampson</p>
</div>

<div class="firstname" id="personB">
    <p class="lastname">Sampson</p>
</div>

div请注意personA和的唯一标识符personB。然而，这两个元素都有共同的类，例如.firstname和.lastname。

专业例子

通过查看 Modernizr 之类的工具，您可以了解它们是如何在野外使用的。此功能检测工具通过向<html>元素添加类来帮助您，以告知您设备或浏览器的功能：

<html lang="en" dir="ltr" 
      id="modernizrcom" 
      class="js no-touch postmessage history multiplebgs boxshadow...">

<html>在这里，我们看到元素的唯一值， #modernizrcom。以下是一系列提供有关元素的更一般信息的类。这是一个元素如何只有一个 id 但有多个类的一个清晰示例。

小心那些ID！

因为这些价值观是完全独特的，它们有时会让你把自己画到一个角落里。值得阅读Disallow IDs in Selectors以了解有关在选择器中使用 ID 的潜在问题的更多信息。

于 2012-05-30T06:25:08.963 回答
3

# 用于元素的 id 和 . 用于元素的类。在 HTML 文档中，id 是唯一的（应该只有一个元素具有该 id），而类可以出现多次。

<div id="content" class="shade light">
</div>

您现在可以执行以下操作：

#content { border: solid 1px black; }

为特定的 div 元素添加样式。但你也可以这样做：

.light { background-color: #eeeeee; }

不同之处在于后者会将背景颜色应用到具有该类的所有元素（即，具有该类的所有元素，light而第一个 CSS 语句只会将样式添加到具有 id 的元素content）。

于 2012-05-30T06:25:28.977 回答
0

一个点 (.) 代表一个类，一个哈希 (#) 代表一个 id。

还有更多，但这是要点：

当您只打算使用该选择器一次时，应使用 id (#myID)

应该使用一个类 (.myClass) 创建一段可重用的样式代码（例如使文本变为蓝色）

于 2012-05-30T06:27:27.897 回答
0

. 是代表类

# 代表ID（但在一个页面中只使用一次）

id 总是在比赛中具有第一优先权。

前任：

在风格

.alignmeleft{float:left;}
#alignmeright{float:right;}

在 html 中：

<div class="alignmeleft" id="alignmeright">
<!--div content-->
</div>

输出

DIV 将在右侧对齐

于 2012-05-30T06:30:02.610 回答