一尘不染

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

html

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
？我是CSS和Web设计的新手，在处理此事时有些困惑。

阅读 379

2020-05-10

共1个答案

一尘不染

例

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

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

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

但是，HTML 5中弃用color了HTML4.01<font>标记属性。在CSS中，没有“font-color”字样，因此样式color应为：

例

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

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

文字为白色。

2020-05-10