ID选择器的使用方法跟class选择器基本相同，不同之处在于ID选择器只能在HTML页面中使用一次，因此其针对性更强。在HTML的标记中只需要利用ID属性，就可以直接调用CSS中的ID选择器。如：
| <html> <head> <title>ID选择器</title> <style type="text/css"> <!-- #one{ font-weight:bold; /* 粗体 */ } #two{ font-size:30px; /* 字体大小 */ color:#009900; /* 颜色 */ } --> </style> </head> <body> <p id="one">ID选择器1</p> <p id="two">ID选择器2</p> <p id="two">ID选择器3</p> <p id="one two">ID选择器3</p> </body> </html> |
上例的显示效果可以看到第二行与第三行都显示了CSS的方案，换句话说在很多浏览器下，ID选择器也可以用于多个标记。但这里需要之处的是，将ID选择器用于多个标记是错误的，因为每个标记定义的Id不只是CSS可以调用，Javascript 等其他脚本语言同样可以调用。如果一个HTML中有两个相同id的标记，那么将会导致Javascript在查找id时出错，例如函数getElementById().
正因为Javascript等脚本语言也能调用HTML中设置的id，因此ID选择器一直被广泛地使用。网站建设者在编写CSS代码时，应该养成良好的编写习惯，一个id最多只能赋予一个HTML标记。
另外从中还可以看到，最后一行没有任何CSS样式风格显示，这意味着ID选择器不支持像class选择器那样的多风格同时使用，类似"id="one two"" 是完全错误的语法。
宁波智森网络公司版权所有，转载请注明来自宁波网站建设网,http://www.nbseoer.com。 (您可能还想了解：宁波网站推广|宁波网站设计|宁波SEO)
