选择器

 - 全局选择器 “*”
*{
}
 - 标签选择器 
 body{
 }
 -类选择器 “."
 .header{
 }
 - id选择器 "#"
 #wrapper{
 }
 - 分组选择器(用逗号隔开）
  .header,#wrapper,.top h1{
  }
 - 包含选择器（设置父元素下的子元素样式）
 .main span{
 }
 div p{
 }
 - 相邻选择器 “+”(div后面的第一个p标签）
 div+p{
 }
 - 兄弟选择器 ”~“（div后面的所以p)
  div~p{
 }
 - 子选择器 ”>“
.main>a{
}
 - 属性选择器( input标签下type属性为text的)
 input[type=text]{
 }
 - 伪类选择器：
（1）
nth-child(参数){

}
参数可以填：奇（odd）数、偶（even）数 或者数字
使用注意点：必须是父级元素的第一个子节点
（2）
a：hover{
	选择鼠标指针位于其上的状态。
}
a：visited{
	鼠标点击过的链接。
}
a:active{
	鼠标点击的瞬间。
}
a:link{
	选择所有未被访问的链接。
}
p:before{
	在每个 <p> 元素的内容之前插入内容。	
}
p:after{
	在每个 <p> 元素的内容之后插入内容。
}
（3）
not是一个反向选择，“不，除了”
[元素]：not([标签/id/class])
p:not(.class3){
	选择所有不包含class为class3的p元素
}
``(4)目标伪类选择器
：target{
//当前被选中的标签
}