为什么一开始要讲选择器了，因为我们要想精确修改的Html中的某个元素的属性，就必须使用选择器，它可以通过选择器定位到某个元素上然后修改元素的样式。

1).id和class选择器

id选择器必须现在标签中的定义，然后在在头部标签的style标签中用"#"来表示：

  Css应用
   
     #dv{

       background: red 更改div的背景颜色为红色
     }




fd
 定义一个id为dv的div

class选择器和id选择器差不多，只不过class选择器用"."来表示：

  Css应用
  
     .dv{

       background: red
     }




fd

2).元素选择器

就是指直接声明标签名为选择器，然后更改样式

  Css应用
  
     div{

       background: red
     }




fd

或者声明所有标签名为选择器

  Css应用
  
    Html，head，body，div{

       background: red
     }




fd

也可以使用元素加选择器更加精确的定位到该元素

  Css应用
  
   div#er{

       background: red
     }




fd
fhsjak
re

3).后代选择器

访问一个元素内的其它元素，可以是元素内的任意元素

  Css应用
  
     div span{

       background: red
     }
    




erzi
sunzi

4).子元素选择器

  Css应用
  
     div>
p{

       background: red
     }





erzi
sunzi

5).兄弟选择器

位于元素的下一个元素，不在元素内

  Css应用
  
     div+big{

       background: red
     }
    




erzi
sunzi


borther

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！