CSS3新增伪类选择器

1、否定伪类选择器

// 除div2之外全部的div 
div:not(div2){
  color: red;
}
---------------------
div1
div1
div1

2、同一父元素下最后（第一）一个元素

//最后一个
li: last-child{
  color: red;
}
  //第一个
li: first-child{
  color: red;
}
//任意一个
li: nth-child(3){
  color: red;
}
----------------------

    
123
    
1234
    
12345

3、父元素下只是一个子元素

span: only-child{
      color: red;  
}
---------------------

      伪类//只有这行被红



      伪类1
      伪类2
      伪类3

4、匹配空元素

div: empty{
    width: 30px;
    height: 30px;
    background-color: red;
}
--------------------------

5、UI元素状态伪类

input: checked{
  color: red;
}
----------------------------

---------------------------
input: disable{
  color: red;
}
---------------------------