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

  • Z时代
  • 2024-01-10
  • 分类：问答

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，它也做同样的工作对我来说。

那么，什么是之间准确的区别 和 ，当我应该使用 ，当我应该使用

？我是CSS和Web设计的新手，在处理此事时有些困惑。

回答：

<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}

以上是 CSS中的id和class有什么区别，什么时候应该使用它们？ 的全部内容， 来源链接： utcz.com/qa/401275.html

回到顶部