css3-新特性

1. 属性选择器
   input[type]
   input[type=text]
   div[class^=icon]
   div[class$=icon]
2. 结构伪类选择器
   nth-child(even)=nth-child(2n+0)偶数
   nth-child(odd)=nth-child(2n+1)奇数
   nth-child 和 nth-of-type的区别
   我们来看个例子
   

    <div class="first">
           <div>div 1</div>
           <span>Span 1!</span>
           <span>Span 2</span>
           <span>Span 3!</span>
           <span>Span 4</span>
           <span>Span 5!</span>
           <span>Span 6</span>
           <span>Span 7!</span>
   </div>
    <style>
           .first span:nth-child(1) {
               background-color: aquamarine;
           }
   
           .first span:nth-of-type(1) {
               background-color: aquamarine;
           }
   </style>

   spa:nth-child(1)是选出第一个子元素一个是span元素，如果第一个子元素是div,那么就不起作用
   此时如果用nth-of-type，指定了类型，也就是说类型first下面的第一个span子元素，那么就可以找到
3. 伪元素选择器
   ::after ::befoer(必须有content属性)
   不是html标签，是通过css3创建标签，结构更简单，
   为什么使用两个：：呢，是为了区别伪类和伪无素写法
   a:hover::after{
   }
4. css3滤镜函数
   filter:blur(5px)
5. css3 calc计算函数 
6. 总结
   span:nth-child(1)，先看第1个孩子，再看第1个孩子是不是span类型
   span:nth-of-type(1), 先找span元素，再找第1个span元素

　　css3新加的内容: 

1. 新的选择器
2. transform
3. animation
4. 浏览器前缀