css选择器

css的选择器:   类选择器，ID选择器，标签选择器，交集选择器，并集选择器，儿子选择器，序选择器，兄弟选择器

1.类选择器

兼容所有的浏览器

<div  class="qq">你好</div>

.qq{color:red;}

2.Id选择器

兼容所有的浏览器

<div  id="qq">你好</div>

#id{color:red;}

 
3.标签选择器

<h3>我是标题</h3>

h3{color:red;}

4.交集选择器

ie7开始兼容 ie6不兼容

<h3 class="th">我是标题</h3>

h3.th{color:red;}

交集选择器一般是由  标签明开始 加上后面的选择器

5.并集选择器  

<div class="box">

sssss

</div>

<p>nihao</p>

.box , p{color:red;}

6.
儿子选择器{>}

ie7开始兼容  ie6不兼容

<div>

<p>我是儿子</p>

</div>

div>p{color:red;}

<div >
<ul>
<li>
<p>我是重孙子子</p>
</li>
</ul>
</div>
这个样式不起作用

div>p{color:red;}
7.
序选择器

ie8开始兼容

ul li:first-child{color:red;}

ul li:last-child{color:red}

ul li:nth-child(n){color:red;}

<ul><li>听话么</li>

<li>听话么</li>

<li>听话么</li>

<li>听话么</li>

</ul>

8.
兄弟选择器

ie7开始兼容

h3+p{color:red}

<h3><p>sss</p></h3>

<p>nihao</p>