id选择器的使用

最新推荐文章于 2024-09-26 00:12:23 发布

原创最新推荐文章于 2024-09-26 00:12:23 发布 · 359 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css

文章指出，HTML中的id选择器定义的标识符在文档中应当是唯一的。尽管重复使用id不会在HTML渲染时出错，但在JavaScript中可能会导致问题，因为JS会尝试唯一地引用这些id。示例代码显示了两个具有相同id的div元素，这在实际应用中应避免，以防止潜在的JavaScript错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一定要注意，id选择器只能调用一次，虽然在html里面不会报错，会正常显示，但是在js里面会报错！！

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
       /* id选择器用‘#’定义 */
       #deeyeo{
           color: plum;
       }
       </style>
   </head>
   <body>
       <div id="deeyeo">温和呵护宝宝娇嫩肌肤，让每一次使用都成为享受。</div>
       
       <div id="deeyeo">洁净每一个家庭</div>
   </body>
</html>