Question

好的，所以我在这个帖子中发布了这个帖子（Difference between div id and div class）但是被指示将其作为一个单独的问题发布。我在前一个帖子中得到了答案，但希望对这个主题有更多的澄清。

我对css很新，所以关于DIV和CLASS的谈话让我感兴趣。我使用wordpress建立了一个允许多个ID的网站。如果这有什么问题我感兴趣吗？例如，此代码在两列中显示四个框，容器内有两行......

<div id="container">
    <div id="sub_container"
    </div>
    <div id="sub_container"
    </div>
    <div id="sub_container"
    </div>
    <div id="sub_container"
</div>

如果我具有与WP主题不同的特定样式，那么显然它可以应用于div或类吗？

所以在上面的情况下我可能有

#sub_container {background: #ffffff; position: relative; float: left;}

所以我想想的就是这样吗？如果没有，将子容器作为一个类而不是一个div有什么好处？我得到了“独特”的论点，但如果这样可行，为什么不使用呢？

在我的代码中，我使用了一些标题和部分的类，我希望特定的格式与内置的格式不同，但这就是它。

..我想如果我想将不同的样式应用于sub_container div，我会使用类吗？例如可能想要第二个有红色字体，或者在另一个页面上有不同大小的盒子等等？

Answer 1

ID应该始终是唯一的，具有相同的ID可以＆＃34;工作＆＃34;从css的角度来看，但是两辆车没有相同的登记号码，两个人没有相同的社会安全号码。

ID = 身份。

如果要将相同的样式应用于多个元素，请使用该类

标记

<div id="container">
    <div class="sub_container">
    </div>
    <div class="sub_container">
    </div>
    <div class="sub_container">
    </div>
    <div class="sub_container">
</div>

CSS

.sub_container {background: #ffffff; position: relative; float: left;}

Answer 2

其他开发人员希望ID是独一无二的。这意味着如果您在使用可重用类时使用预期的唯一ID，则在使用第三方软件时，您将在某些时候遇到意外行为。

例如，使用jQuery，您会发现此行为。

//jQuery selecting by id
$('#sub_container') //will find one of the elements with the sub_container id.

//jQuery selecting by class
$('.sub_container') //will find all elements with the sub_container class.

Answer 3

页面中的ID应该是唯一的。这不仅仅是标准告诉我们的规则，而是在元素上设置标识符的整个过程。

当它是一个真正只在页面中出现一次的元素时，你应该使用id。如果你有一个页面页脚，可以很好地使用id，因为你只有一个页脚。对于任何可以出现多次的元素，最好使用一个类。即使元素实际上只出现一次，它也适用于属性的意图。

＆＃34;我得到了＆＃39;独特的＆＃39;参数，但如果这样可行，为什么不使用它？＆＃34;

这有两个问题：

您不知道它在所有当前浏览器中都能正常运行，更不用说未来的所有浏览器和浏览器版本了。
当你超越CSS时， dosn＆＃t; t 可以正常工作。例如，如果您想使用Javascript访问该元素，您会发现如果您在页面中有重复的id属性，则该ID几乎完全没用。

在CLASS上使用DIV的情况

3 个答案: