选择器的一些补充说明
如果我们要为div、p、span标签添加某些效果，一个一个去设置未免太麻烦，这时候我们就可以这么干：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style type="text/css">
7 div,span,p,.one,#header{ /* 后面这两种加上是表示都可以这么添加 */
8 font-size: large;
9 color:lawngreen;
10 }
11 /* 或者:
12 *{ 这个就表示全部
13 font-size: 30px;
14 } */
15 </style>
16 </head>
17 <body>
18 <div>你对力量一无所知！</div>
19 <div>享受这冰冷的胜利吧！</div>
20 <span>注意力变得支离破碎。</span>
21 <div><p>不，这<span>胜利</span>没有任何意义！</p></div>
22 <p>洗洗睡吧孩子！</p>
23 </body>
24 </html>
这儿还有一些其他补充：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style type="text/css">
7 div,span,p,.one,#header{ /* 后面这两种加上是表示都可以这么添加 */
8 font-size: large;
9 color:lawngreen;
10 } /* 这个是群组选择器 */
11 /* 或者:
12 *{ 全局选择器，这个就表示全部。但它的优先级最低
13 font-size: 30px;
14 } */
15 input[type='text']{ /* 只设置某一个特定输入框的背景颜色。这个叫属性选择器 */
16 background-color: aqua;
17 }
18 </style>
19 </head>
20 <body>
21 <div>你对力量一无所知！</div>
22 <div>享受这冰冷的胜利吧！</div>
23 <span>注意力变得支离破碎。</span>
24 <div><p>不，这<span>胜利</span>没有任何意义！</p></div>
25 <p>洗洗睡吧孩子！</p>
26 <input type ="text"/>
27 <input type = "password"/>
28
29 </body>
30 </html>
