0

美好的一天，伙计们！我是这里的新手，我只是想知道如何使用 div id 和 div 类。例如，我想在我的网站中有许多 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)//
}
4

7 回答 7

2

没有真正正确的事情要做，因为一切都取决于情况和情况。

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

您还可以使用必须<div>单独覆盖 s 样式的 ID：

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

由于元素、ID 和类都具有不同的选择器优先级这一事实，我建议不要使用除类和伪类之外的任何东西，无论其他前景看起来多么有吸引力。如果你对它有纪律，你的 CSS 以后会更容易更新。body1如果是一个类而不是一个类，上面的示例将完全相同ID（不过，我建议使用 ID 来识别用于 DOM 操作的唯一元素）。

在为元素选择类名并在 HTML 中使用它们时，我也会遵循W3C 的建议：

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

于 2013-02-26T06:26:11.153 回答
1

ID 是唯一的：

-每个元素只能有一个ID

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

类不是唯一的：

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

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

于 2013-02-26T06:23:29.520 回答
0

你可以用这个

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

你可以申请两个班级。

于 2013-02-26T06:29:32.857 回答
0

是的，那会奏效。如果您只想对所有 3 个应用相同的样式，则不需要 id。

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

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

于 2013-02-26T06:22:19.847 回答
0

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

于 2013-02-26T06:22:51.200 回答
0

如果它只是样式，那么 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
}

演示

于 2013-02-26T06:23:36.273 回答
0

您可以在许多 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>
于 2013-02-26T06:24:02.443 回答