Question

我是HTML的新手，我想知道包装器的事情。你能告诉我为什么第一个“div id ”然后在子代码“div class =”包装器中？我可以替换 id 用 class 来产生相同的效果，反之亦然？我的意思是为什么它会先出现呢？

    <header>
        <div class="Wrapper">
            <h1></h1>
            <nav></nav>
        </div>
    </header>


    <div **id**="heroImage">
        <div **class**="Wrapper">
            <h2></h2>
            <a></a>
        </div>
    </div>


    <div id="features">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>


    <div id="primaryContent">
        <article></article>
    </div>


    <div id="secondaryContent">
        <article></article>
        <article></article>
    </div>

Answer 1

当您想要引用唯一的特定div（或元素）时，您有IDs，例如heroImage。这意味着此ID可以仅引用此div而不是其他ID，因此您在CSS（永不内联）中添加到#heroImage的属性将仅适用于此div

您正在使用名为class的{{1}}，因为您在多个div中使用它。您可以在要具有相同属性的所有div中使用此类。

请注意ID和类的差异。 ID仅适用于一个元素，即所需元素的类。

Answer 2

ID是唯一的，类可以包含在多个元素中，可以帮助您的是以下链接，可以解释：＆＃34; https://css-tricks.com/the-difference-between-id-and-class/＆＃34;

在Css或javascript / Jquery中，例如，如果你想访问dom的某个特定项目，那么id是非常重要的。

你可以使用类而不是Id，但我认为它更复杂，因为如果你想修改例如带有jquery的div的背景，你需要确保dom中的任何其他项都有同一个班级。

Answer 3

你能告诉我为什么有第一个＆＃34; div id＆＃34;然后在子代码中＆＃34; div class =＆＃34; wrapper＆＃34; ？

这取决于你的CSS，不管是谁实际上是第一个。如果ID是唯一的，则需要使用ID，并且需要与其他ID不同。如果它与其他类型相同（另一个具有相同样式的类使用相同类），则使用Class

我可以用class替换id来产生相同的效果吗？反之亦然？我的意思是为什么它首先出现呢？

正如我上面回答的那样，无论谁先出现。假设要用Class替换为MyID的ID和Class是MyClass 如果元素（ID：MyID）可以与MyClass具有相同的样式。如果用MyClass替换它会更好。

Answer 4

您是否看到左侧上下箭头的问题以及右侧问题的文字？所有这些物品都被包裹着＃34;在一个隐形的盒子下面。这些按钮也包装在父包装器中的另一个不可见框中。

您可以创建一个元素（图像）并赋予它class="vote-button"。在你的CSS中你可以应用颜色＆＃34;灰色＆＃34;任何带有班级＆＃34;投票按钮＆＃34;的按钮。我们假设你想在一个按钮上应用一个独特的属性：例如您想要更改一个按钮的方向指向上方，另一个按钮指向下方。您可以为每个按钮添加一个ID：id="upvoteButton"和id="downvoteButton"。

HTML / CSS：关于<div id =“”>和<div class =“”>的包装器

4 个答案: