【问题标题】:What is the role of the <id> tag in this piece of code? [duplicate]<id> 标签在这段代码中的作用是什么? [复制]
【发布时间】:2020-11-26 15:47:55
【问题描述】:

我无法弄清楚三个突出显示的 Id 的作用是什么。

它是否会改变与最终结果/优化/结构相关的任何内容?它是纯粹结构性的吗?

我知道该类与 .discounted 讨价还价和 .damaged 股票相关联,最后一段 id 与#special 部分相关联,但上面的三个 ID 呢?那些目的是什么?

删除前 3 个 ID 后,我在浏览器中运行它,但输出仍然与带有 ID 的输出相同。

【问题讨论】:

  • 我们无法知道为什么该 HTML 的作者在没有明显使用它们的情况下为元素提供 ID。我们只能猜测。

标签: html css


【解决方案1】:

发件人:https://css-tricks.com/the-difference-between-id-and-class/

ID 是唯一的

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

类不是唯一的

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

元素可以同时拥有。 CSS 不在乎。 JavaScript 关心。如果您不需要它们,请不要使用它们。

希望对你有帮助?

乔恩

【讨论】:

  • 感谢您的回答。这确实很有帮助。
  • 没问题 :-)
【解决方案2】:

id 就像 DOM 中特定元素的标识符,它对每个元素都是唯一的。想象一下,你想识别一个元素,你是如何做到的,它是用 id.m 完成的当您删除它们时,输出仍然相同的原因。如果您让我们说在 css 中使用其 id 为 div 设置颜色,然后删除 id,则样式将不会应用。

【讨论】:

    【解决方案3】:

    Ids 用于定位 html 代码中的特定元素,以便使用 css 或 javascript 等进行进一步编辑...但是您在此处使用的 Ids,您没有在 css 文件中使用它们,有些不是现在对你有用,所以你可以删除它们,它不会改变任何东西。

    【讨论】:

    • 非常感谢您的回答。这是工作表的一部分,我试图自己工作,但我不明白为什么要使用这些。现在一切都说得通了。
    • 欢迎您:)
    • 另外,如果我想在其中一个我没有使用的 ID 中添加另一种类型的样式,我应该在它之后添加一个类,对吗?换句话说,在将某种样式应用到 ID 之后,您需要添加一个类以进行进一步的样式设置?
    • 如果你想在页面上的元素上应用样式,你应该使用ID,但是如果你想在多个元素上应用相同的样式,你需要给元素添加类。如果你的元素已经有了类或者你添加了新的类,这并不重要。它只是针对他们。
    猜你喜欢
    • 1970-01-01
    • 2019-10-10
    • 1970-01-01
    • 2014-01-10
    • 2018-07-07
    • 2012-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多