Question

大家好！我在这里是新手，我只是想知道如何使用div id和div class。比方说，我想在我的网站中有很多div框，每个框中都有相同的样式。这是正确的做法吗？请赐教。

HTML：

<div id="body">
    <div id="box1" class="style"></div>
    <div id="box2" class="style"></div>
    <div id="box3" class="style"></div>
    //(and so on)//
</div>

CSS：

.style {
    //(put elements here)//
}

Answer 1

没有正确的事情，因为一切都取决于具体情况和环境。

为什么你认为这将是“错误”的事情？这减少了你必须编写的代码量，所以它是有利的，对吗？

您还可以使用您拥有的ID来单独覆盖<div>的样式：

.style {
    color: red;
}
#body1 {
    color: blue;
}

由于元素，ID和类每个都有不同的选择器优先级，我建议反对使用除了类和伪类之外的任何东西，无论其他潜在客户看起来多么有吸引力。如果您对此有所规范，您的CSS将在以后更容易更新。如果body1是一个类而不是ID，上面的示例将完全相同（我建议使用ID来标识DOM操作的唯一元素）。

在为元素选择类名并在HTML中使用它时，我也会关注the W3C's advice：

...鼓励作者使用描述内容性质的值，而不是描述所需内容呈现的值。

Answer 2

ID是唯一的：

- 每个元素只能有一个ID

- 每个页面只能有一个具有该ID的元素

类不是唯一的：

- 您可以在多个元素上使用相同的类。

- 您可以在同一元素上使用多个类。

Answer 3

是的，这会奏效。如果您想要做的就是将相同的样式应用于所有3个，那么就不需要id。

http://www.w3schools.com/tags/att_global_id.asp

http://www.w3schools.com/tags/att_global_class.asp

Answer 4

是如果你想要将相同的样式应用于所有div，那么你可以这样做，你绝对可以使用class来将样式应用于div。如果您的div与其他人不同，那么您可以使用id，这将允许您通过javascript访问该div。

Answer 5

如果它只是样式，则不需要id，如果所有子div都是同一个类，则不需要给出类名。

<强> HTML

<div id="body">
    <div></div>
    <div></div>
    <div></div>
</div>

<强> CSS

#body div {
    background:red;
    width:100px;
    height:100px;
    display:inline-block
}

<强> DEMO

Answer 6

您可以在许多div中使用“class”，但您只能在一个地方使用“id”。因为ID在每个页面中都应该是唯一的。

<div id="body">
    <div class="mystyle"></div>
    <div class="mystyle"></div>
    <div class="mystyle"></div>
    //(and so on)//
</div>

<style>
.mystyle{color:#000;}
<style>

Answer 7

您可以使用此

<div id="demo">
    <div  class="box test"></div>
    <div  class="box test"></div>
    <div  class="box test"></div>

</div>

CSS：

#demo
 {
 margin:0;
 padding:0;
 }
 .box
 {
 Width:100px;
 height:50px;
 background:red;

 }
 .test
 {
 color:white;
 }

你可以申请两个班级。

CSS：关于div id和div类

7 个答案: