ID选择器和上面说的类选择器是很相似的，在使用ID选择器之前也需要先在html文档中加注ID名称，这样在样式选择器中才能找到相对应的元素，不同的是ID选择器是一个页面中唯一的值，我们在类使用时是在相对应的类名前加上一个“.”号（.className）而id选择器是在名称前使用"#"如(#demo)。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ID选择器</title> <style> #demo { width: 200px; height: 200px; margin: 50px auto; background: #FF0000;
} </style> </head> <body> <div id="demo">ID选择器</div> </body> </html>
效果图：
ID选择器有几个地方需要特别注意：
第一：一个文档中一个id选择器只充许使用一次，因为id在页面中是唯一的；
第二，id选择器不能像类选择器一样多个合并使用，一个元素只能命名一个id名；
第三，可以在不同的文档中使用相同的id名，比如说在“test.html”中给h1定了“＃important”,也可给“test1.html”中定义p的id为"#important"，但前提是不管在test.html还是test1.html中只充许有一个id叫"#important"的存在。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
css