Fatal编程技术网
  • html/
  • Html ID和类之间的差异

Html ID和类之间的差异

html css

Html ID和类之间的差异,html,css,Html,Css,我正在经历。当我尝试他们给出的例子时，我不会觉得他们之间有什么不同 <!DOCTYPE html> <html> <head> <style> #para1 { text-align:center; color:red; } </style> </head> <body> <h1 id ="para1">Hai</h1> <p id="para1">Hello World!

我正在经历。当我尝试他们给出的例子时，我不会觉得他们之间有什么不同

<!DOCTYPE html>
<html>
<head>
<style>
#para1
{
text-align:center;
color:red;
} 
</style>
</head>

<body>
<h1 id ="para1">Hai</h1>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>


#帕拉1
{
文本对齐：居中；
颜色：红色；
} 
海
世界你好

此段落不受样式的影响
在使用id选择器为单个唯一元素指定样式的情况下，根据我的意愿提供输出

我是否从错误的角度看待这个问题？

一个是唯一标识，另一个是分类

在第一种情况下，将两个事物称为同一事物是毫无意义的

在第二种情况下，想要给一组事物以相同的外观和感觉是很常见的

在CSS的上下文中，您应该只依赖于类。CSS的验证程序应该避免使用ID应用样式。您仍然可以定义仅由一个不同元素使用的唯一样式。

您可以同时使用这两种样式来设置元素的样式，但差别不大：

  • 只能有一个元素具有给定的id，但许多元素具有给定的类
  • 在CSS优先级计算期间，当类选择器仅为10时，id选择器被计为100
      • 首先。它写得很糟糕，杂乱无章，注意力不集中，而且经常误导人。你应该使用（它旨在实现同样的目标）

      您的示例根本不使用类。CSS调用一个ID，2个HTML元素使用该ID（你不应该这样做-ID应该是唯一的！）。二者之间的关键区别是：

    • ID引用唯一的元素。任何一个ID只能有一个实例。类可以应用于许多元素，并且一个元素可以有多个
      类
      e
    • 如果使用ID的CSS规则都试图分配相同的属性，则它们将用类覆盖CSS规则
    • ID用于各种本机应用程序：锚引用、表单、iframe，而类则纯粹用于CSS样式
      • 。下面是一些使用类作为参考的代码：

      .paragraph {
    font-style: italic;
    color: green;
}
      以及HTML：

      <p id="para1" class="paragraph">Blah blah blah</p>
      废话

      以下是详细的

      如果要在整个页面/站点中一致地设置多个元素的样式，请使用类。当页面上有一个元素将采用样式时，请使用IDclass是项的一种类型，id是项的唯一名称

      编辑： CSS不在乎

      关于
      CSS
      ，对于
      ID
      你做不到的事情是
      类做不到的，反之亦然。我记得当我第一次学习
      CSS
      时，我遇到了一个问题，有时我会尝试通过切换这些值来排除故障。没有<代码>CSS
      不在乎

      Javascript关心

      JavaScript
      人们可能已经更加认同
      类
      和
      ID的差异。JavaScript依赖于只有一个页面元素具有任何特定的属性，否则常用的
      getElementById
      函数将不可靠。对于那些熟悉
      jQuery
      的人，您知道向页面元素添加和删除
      类是多么容易。它是
      jQuery
      的本机内置函数。请注意，
      ID的
      没有这样的函数。操纵这些值不是
      JavaScript
      的责任，它将导致更多的问题
      
这清楚地表明HTML要求ID属性在页面中是唯一的：
      
此属性为元素指定名称。此名称在文档中必须是唯一的。如果有多个元素具有相同的ID，则您的HTML无效
      
因此在
      JavaScript
      中，
      getElementById（）
      应该只返回一个元素。不能让它返回多个元素
      

      嗯，可以有多个元素具有相同的ID，但不应该这样做，因为这样做的后果是不可预测的，因为浏览器之间存在差异。
      在CSS中，类选择器是一个名称，前面有一个句号（“.”），ID选择器是一个名称，前面有一个哈希字符（“#”）。ID和类之间的区别在于ID可以用来标识一个元素，而类可以用来标识多个元素。
      类选择器是一个名称，前面有一个句号（“.”），ID选择器是一个名称，前面有一个哈希字符（“#”）。
ID和类之间的区别在于ID可以用来标识一个元素，而类可以用来标识多个元素
      

      虽然css可能并不真正关心ID的唯一性，但JavaScript会，这就是为什么在JavaScript中处理文档对象模型时，如果要选择html ID，请使用Document.getElementByID（），注意“元素”，而对于类，则使用Document.getElementsByCassName（）这一个有“元素”.
      在CSS中，ID区分一个人和另一个人的方式与它的工作方式相同，就像你给一个项目一个特殊的标记，这样你就不会把它与另一个项目混淆，这就是ID在CSS中的工作方式，多个项目不能共享相同的ID
      ID对于一个元素来说是唯一的，一个元素只能有一个ID。类可以应用于许多元素，并且一个元素可以同时有多个类：在这里，我向CSS添加了一个类规则，并将该类添加到
      标记中。正在应用类规则中的italic属性，但颜色已被您前面编写的ID规则推翻。这说明了第2点。我还从
      元素中删除了ID，使页面按照第1点有效。为了演示第3点，这里有一个链接，指向我在这个页面上的答案，在URL中使用它的ID:+1。你可以加上