CSS选择符

1. 类型选择符
   语法：

   元素名称{属性：属性值；}

   （直接拿标签名称（元素名称）当做选择符）
   比如：div{},p{},h1{}

2. id选择符
   语法：

   #id名{属性：属性值;}

   当使用id选择符时，应该为每个元素定义一个id属性
   如：

   <div id=\"box\"></div>

   id选择符的语法格式是“#”加上自定义的id名
   如：#box{width:300px; height:300px;}

3. class选择符
   语法：

   .class名{属性：属性值;}

   当使用class选择符时，应先为每个元素定义一个类名称
   如：

   <div class=\"top\"></div>\"

4. 通配符
   语法：

   *{属性：属性值；}

   通配选择符的写法是“*”，其含义就是所有元素。

5. 群组选择符
   语法：

   选择符1，选择符2，选择符3{属性：属性值;}

   当有多个选择符应用相同的样式时，可以将选择符用“，”分把具有相同样式得选择符放在一个组应用

6. 属性选择法
   语法：

   [type=text]{}

   如

   <input type=\"text\">

   把一个属性当初选择符

7. 包含选择符
   语法：

   父元素选择符 子元素选择符｛｝

   如

   <ul >

   <li></li>

   </ul>

   ul li{}

   如

   <ul >

   <li><a href=\"#\"></a></li>

   </ul>

   有

   ul li{}

   ul a{}

   ul li a{}

8. 伪类选择符

语法 ：

a:link{属性：属性值;}

超链接的初始状态;

a:visited{属性：属性值;}

超链接被访问后的状态;

a:hover{属性：属性值;}

鼠标悬停，即鼠标划过超链接时的状态;

a:active{属性：属性值;}

超链接被激活时的状态，即鼠标按下时超链接的状态;
为了服务器得可用性把伪类选择符简写为

a{color:red;}

a:hover{color:green;}

表示超链接的三种状态都相同，只有鼠标划过变颜色。