ID选择器


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选择器