CSS #id 选择器

在一个HTML文档中,CSS ID 选择器会根据该元素的 ID 属性中的内容匹配元素,元素 ID 属性名必须与选择器中的 ID 属性名完全匹配,此条样式声明才会生效。


实例

为 id="firstname" 的元素设置样式:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. #firstname
  6. {
  7. background-color:yellow;
  8. }
  9. </style>
  10. </head>
  11. <body>
  12. <h1>欢迎来到我到的主页</h1>
  13. <div class="intro">
  14. <p id="firstname">我是唐老鸭。</p>
  15. <p>我住在 Duckburg。</p>
  16. </div>
  17. <p>我最好的朋友是米老鼠。</p>
  18. </body>
  19. </html>

浏览器支持

选择器
#idYesYesYesYesYes

定义和用法

#id 选择器为带有指定 id 的元素设置样式。


相关页面

CSS 教程:CSS id 选择器详解

分类导航