本文共 570 字，大约阅读时间需要 1 分钟。

css中的各种选择器

1.派生选择器

派生选择器允许你根据文档的上下文关系来确定某个标签的样式

   
  
    
我是行内元素
   

2.id选择器

id选择器可以为标有特定 id 的HTML元素指定样式，id是一般是独有的，这一点在你设置 id 的时候一定要注意id 选择器可以以"#"来定义

   
      我是div1  
    
我是行内元素
   

3.类选择器

在HTML中，总会出现多个的一类标签，而对一类标签的样式往往是一样的，这种时候用id显然是不合适的，类选择器就是为这种时候而出的。类选择器以一个"."来定义

   
      我是div1  
    
我是行内元素
   

4.属性选择器

对带有指定属性的 HTML 元素设置样式

   
      我是div1
   
   
      我是div2,我不想要div的样式
   
   
      我是div3,我想要div的样式
   

5.选择器优先级

1.id选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ul < li）6.后代选择器（li a）7.通配符选择器（*）8.属性选择器（a[rel="external"]）9.伪类选择器（a:hover,li:nth-child）

转载地址：http://japrn.baihongyu.com/