CSS常用选择器

1、元素选择器

元素名{  声明块  }

2、类选择器

.类名{   声明块   }

3、子级选择器

父元素A>子元素B{    声明块   }

4、后代选择器

祖先元素 后代元素{  声明块  }    ==>空格隔开

5、并集选择器

header,section,footer,aside{  声明块   }    ===>逗号隔开

6、通配符选择器

  *{   声明块   }

7、属性选择器

   [target="_self"] {   声明块  }

8、动态伪类选择器

  1.<a>标签
 
   <a>:link{   声明块   }          未访问
   <a>:visited{   声明块   }       已访问
   <a>:hover{   声明块  }          鼠标悬停
   <a>:active{   声明块   }       点击时
  优先顺序：love-hate
  
  2.div>p:first-child{   声明块    }   选中第一P标签
  
  3.p:nth-child( ){   声明块   }      匹配父元素的第N个子元素
    p:nth-of-type( ){   声明块 }      匹配父元素中指定类型元素的第N个子元素
    书写方式：
            一：括号里直接写数字
            二：括号里写odd(奇数)或even(偶数)
            三：括号里写公式：an+b

9、伪元素选择器

     p::before{  声明块  }
   before:在之前   after:在之后   first-line：在第一行   first-letter：在首字母        selection：用户选中的类容

CSS选择器

CSS常用选择器