小编典典

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>

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

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


阅读 65

收藏
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