CSS中的各种选择器及优先级

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）