CSS选择器

css选择器一共有10种，常用的有9种

1.标签/元素选择器，直接用标签和元素命名的 例如：

 div{}  p{} ul{} span{}

2.类名选择器  给标签通过class="box"设置一个类名，用.调用

通过<div class="box"></div>设置完。通过.调用.box{属性：属性值}

3.id选择器

通过id="test"设置一个id名称，用#调用

<div id="test"></div>

#test{}

一个id名称只能设置到一个标签上，id名称是唯一的，可以设置多个id名称  #test1{}

 4.通用选择器

*{}

  * 可以代表所有标签，在通用选择器设置的样式会应用到每个标签。设置通用选择器样式不会特别具体特别严格，只设置大概类似于font-size:12px;font-family:;或margin:0;padding:0;

 5.伪类选择器

:hover{}鼠标滑过

:active{}鼠标点击

:visited{}访问过后，这个仅a标签有效果

 6.后代选择器

三代及以上选择器之间空格隔开（两代也可以），

div p span{}   div span{}  .box span{}

7.子代选择器

父级下一个挨着必须是子级，不能隔辈儿，中间 > 链接

div>p>span{}

8.群组选择器

一群标签写到一起

 div,p,span,ul,h1{

            margin:0;

             padding:0;

 }

9.交叉选择器

交叉选择器是复合选择器是由两个选择器

多个选择器同时应用时叫交叉选择器

 div.box{}

.box1.box2  ie6不兼容

10.属性选择器

input[type="submit" i]{}