1 <!-- 1、标签选择器：影响范围较大，尽量使用在层级选择器中
2 *{}：作用于所有标签
3 div{}:所有div标签
4 2、ID选择器：精确到单个标签，实际开发中不怎么用，优先级高于类选择器
5 3、类选择器：一个类可以应用于多个元素，一个元素也可以使用多个类，应用灵活，可复用，是CSS用应用最多的一种选择器
6 4、层级选择器：主要应用在选择父元素下的子元素，或者子元素下面的子元素，可以和标签元素结合使用，减少命名
7 同时也可以通过层级，防止命名冲突,和类选择器一起配合使用
8 5、组选择器：将同样的样式抽取出来，写在一起
9 6、伪类及伪元素选择器：常用的伪类选择器有hover一般用在链接响应的时候，表示鼠标悬浮在元素上时的状态，伪元素选择器有before和after，他们可以通过样式在元素中插入内容。
10
11 -->
12 <!DOCTYPE html>
13 <html lang="en">
14 <head>
15 <meta charset="UTF-8">
16 <title>Document</title>
17 <style type="text/css">
18 *{
19 font-size:30px;
20 color: red;
21 }
22
23 div{
24 font-size: 40px;
25 color: blue;
26 }
27
28 #div2{
29 font-size: 50px;
30 color: pink;
31 }
32
33 .green{
34 font-size: 10px;
35 }
36 .big{
37 color: black;
38 }
39 </style>
40 </head>
41 <body>
42 <div>这是第一个div</div>
43 <p>这是第一个P标签</p>
44 <div id="div2">这是第二个div</div>
45 <!-- 不允许ID重复，类似数据库中的主键 -->
46
47 <div class="big green">这是第三个div</div>
48 </body>
49 </html>
