css3知识总结

css3新属性

• transition 浏览器的内核前缀
  -webkit-transition 老版chrome和 Safari
-moz-taransition 老版的firfox
-o-transition 老版的orear
trasition标准的写在最后
  WebkitTransition由于 js 不识别-的，所以需要将首字母大写，使用驼峰命名法。

  ---

• 结构选择器
  1、p:nth-child(x) 从前往后找

  x为数字，在css中是从1开始计数，但是在js中是从0开始计数。还可以选奇数项odd，和偶数项even
x还可以是表达式，2x表示的是第2项，第4项，第6项…

      <p>1</p>
      <p>2</p>
      <p>3</p>
      <p>4</p>
  

  存在问题。
  p:nth-child(x)只能找到p标签下的的父级下的所有p标签。

2、p:nth-last-child(x) 表示是从后开始找
3、p:nth-of-type找到p标签父级下所有的p标签

body *:nth-of-type找到所有标签的第二个标签
例如 ：

body *:nth-of-type(2)
     <h1>h1</h1>
     <p>p1</p>
     <h1>h2</h1> //找到
     <p>p2</p> //找到
     <h1>h3</h1>
     <p>p3</p> 

4、p:nth-last-of -type找到p标签父级下所有的倒数的p标签

---