你用的是比较新的浏览器了吧。
在CSS3刚出来的时候,很多浏览器都不支持,只有他们自己的私有写法,都带上自己的前缀。
像webkit的加上-webkit-前缀,火狐的加上-moz-前缀,IE加上-ms-前缀,Opera加上-o-前缀。
现在基本上能够支持的都已经支持了,可以做到把前缀去掉的标准写法也能得到支持。
对于webkit内核的浏览器来说,-webkit-写法是为了兼容早期的写法,但是标准写法不带-webkit-的也可以用。
所以导致了上面两行代码都能生效。
你学过CSS懂的,如果两行都有效,并且描述的是同一个属性,那么后者覆盖前者。