📜  如何在 css 中调用 id - Html (1)

📅  最后修改于: 2023-12-03 15:08:35.767000             🧑  作者: Mango

如何在 CSS 中调用 ID - HTML

在 HTML 中,通过添加 id 属性来唯一标识一个元素。在 CSS 中,我们可以通过该 id 选择器来调用该元素,并对其进行样式设置。

语法
#id {
  /* 样式设置 */
}
说明
  • # 符号用于表示选择器引用的是 id 属性。
  • id 属性值需要唯一。
示例
<!DOCTYPE html>
<html>
  <head>
    <style>
      #myDiv {
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="myDiv">
      <h1>这是一个 div 元素</h1>
      <p>这个 div 元素拥有唯一的 id 属性值:myDiv</p>
    </div>
  </body>
</html>

解释:

  • <div> 元素通过 id 属性值 myDiv 进行唯一标识。
  • CSS 选择器使用 #myDiv 来调用该元素。
  • background-color 属性设置了该元素的背景色为红色。
注意事项
  • 同一个 id 属性值不能在同一个 HTML 文档中出现多次。
  • 如果需要重复使用样式设置,建议使用 class 选择器来代替 id 选择器。