小编典典

CSS 中的 id 和 class 有什么区别，什么时候应该使用它们？

all

main {

    background: #000;
    border: 1px solid #AAAAAA;
    padding: 10px;
    color: #fff;
    width: 100px;
}



<div id="main">
    Welcome
</div>

在这里，我给了一个id元素div，它为它应用了相关的 CSS。

或者

.main {
    background: #000;
    border: 1px solid #AAAAAA;
    padding: 10px;
    color: #fff;
    width: 100px;
}



<div class="main">
    Welcome
</div>

现在在这里我给了一个class，div它也为我做同样的工作。

那么Id 和 class 之间的确切区别是什么，我应该什么时候使用 id ，什么时候应该使用 class.？我是
CSS 和 Web 设计的新手，在处理这个问题时有点困惑。

阅读 67

2022-07-28

共1个答案

小编典典

有关此的更多信息， 请单击此处。

例子

<div id="header_id" class="header_class">Text</div>

#header_id {font-color:#fff}
.header_class {font-color:#000}

（请注意，CSS 使用前缀 # 表示 ID，使用前缀 . 表示类。）

然而 color，在 HTML 5 中不推荐使用HTML 4.01<font>标记属性。在 CSS
中没有“字体颜色”，样式是color这样的，上面应该是：

例子

<div id="header_id" class="header_class">Text</div>

#header_id {color:#fff}
.header_class {color:#000}

文本将是白色的。

2022-07-28