Question

大家新年快乐。我有一个重要的问题。我们可以通过一个id选择器在html中为多个标签设置样式吗？当我研究CSS时，我了解到ID选择器用于一次选择标签，但是当我为多个标签提供相同的ID时，我感到很惊讶， style应用于具有该id的所有标记。这是我的简单代码：

<html>
<head>
  <title>Untitled</title>
  <style type="text/css">
  #link{color:red}
  </style>
</head>
<body>
   <a href="" id="link">RED</a>
   <a href="" id="link">RED</a>
   <a href="" id="link">RED</a>
   <a href="" id="link">RED</a>
</body>
</html>

任何人都可以解释这个案子吗？谢谢

Answer 1

虽然这样可行，但这不是有效的html，因为该文档应该具有唯一的，不重复的ID。如果您通过某个验证程序运行该代码，它将给您一个错误。

如果您希望将相同的样式应用于多个元素，则需要查看css类。

Answer 2

HTML 4.01＆amp; HTML 5规范说ID必须是文档范围内唯一的。简而言之： HTML永远不会抛出错误，但是在页面中只使用ID一次非常重要，它应该是唯一的。

这对各种读者都很重要。如果要将相同的样式应用于多个元素，请使用class。

Answer 3

ID选择器必须 UNIQUE 。

它不允许使用重复的ID选择器。 它不是STANDARD

如果要为多个元素设置相同的ID，最好使用class。

例如，

＆＃13;

<html>
<head>
  <title>Untitled</title>
  <style type="text/css">
  #link{color:red}
  .link{
    color: red
  }
  </style>
</head>
<body>
   <!-- Your code...
   <a href="" id="link">RED</a>
   <a href="" id="link">RED</a>
   <a href="" id="link">RED</a>
   <a href="" id="link">RED</a>
   -->
   <a href="" class="link">RED</a>
   <a href="" class="link">RED</a>
   <a href="" class="link">RED</a>
   <a href="" class="link">RED</a>
</body>
</html>

＆＃13;

我们可以通过一个id选择器设置多个html标签吗？

3 个答案: