ID选择器
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 #logo{ 8 font-size:20px; 9 background-color:pink; 10 color:green; 11 width:120px; 12 height:80px; 13 14 }
/* 注释 */
15 #box{ 16 text-align:center; 17 } 18 .hot{ 19 text-indent:2em; 20 } 21 </style> 22 </head> 23 <body> 24 <div id="logo" class="hot">博博</div> 25 <div>俊俊</div> 26 <p>奋奋</p> 27 <p>斗斗</p> 28 </body> 29 </html>
写法：
◆ #自定义名称{属性：值}
1 #logo{ 2 font-size:20px; 3 background-color:pink; 4 color:green; 5 120px; 6 height:80px; 7 8 }
特点：
◆ 一个ID选择器在一个页面只能使用一次，如果使用2次及以上，不符合W3C规范，JS调用会出问题
◆ 一个标签只能他用一个ID选择器
◆ 一个标签可以同时调用类选择器和ID选择器