为什么一开始要讲选择器了，因为我们要想精确修改的Html中的某个元素的属性，就必须使用选择器，它可以通过选择器定位到某个元素上然后修改元素的样式。
1).id和class选择器
id选择器必须现在标签中的定义，然后在在头部标签的style标签中用“#”来表示：
<Html> <head> <title>Css应用</title> <style type="text/Css"> #dv{ background: red 更改div的背景颜色为红色 } </style> </head> <body> <div id='dv'>fd</div> 定义一个id为dv的div </body> </Html>
class选择器和id选择器差不多，只不过class选择器用”.“来表示：
<Html> <head> <title>Css应用</title> <style type="text/Css"> .dv{ background: red } </style> </head> <body> <div class='dv'>fd</div> </body> </Html>
2).元素选择器
就是指直接声明标签名为选择器，然后更改样式
<Html> <head> <title>Css应用</title> <style type="text/Css"> div{ background: red } </style> </head> <body> <div>fd</div> </body> </Html>
或者声明所有标签名为选择器
<Html> <head> <title>Css应用</title> <style type="text/Css"> Html，head，body，div{ background: red } </style> </head> <body> <div>fd</div> </body> </Html>
也可以使用元素加选择器更加精确的定位到该元素
<Html> <head> <title>Css应用</title> <style type="text/Css"> div#er{ background: red } </style> </head> <body> <div id='df'>fd</div> <p>fhsjak</p> <div id='er'>re</div> </body> </Html>
3).后代选择器
访问一个元素内的其它元素，可以是元素内的任意元素
<Html> <head> <title>Css应用</title> <style type="text/Css"> div span{ background: red } </style> </head> <body> <div> <p>erzi <span>sunzi</span> </p> </div> </body> </Html>
4).子元素选择器
<Html> <head> <title>Css应用</title> <style type="text/Css"> div>p{ background: red } </style> </head> <body> <div> <p>erzi <span>sunzi</span> </p> </div> </body> </Html>
5).兄弟选择器
位于元素的下一个元素，不在元素内
<Html> <head> <title>Css应用</title> <style type="text/Css"> div+big{ background: red } </style> </head> <body> <div> <p>erzi <span>sunzi</span> </p> </div> <big>borther</big> </body> </Html>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
css