这是因为有其他CSS代码也定义了这些transition属性，因此出现优先级问题。
chrome浏览器渲染时，同一种属性，只选择一个值（根据一定的优先级和合法性），进行渲染，否则就打架了。
拓展：CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展。
CSS即层叠样式表（Cascading StyleSheet），是在网页制作时采用的层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS庞大而且比较复杂，CSS3把CSS分解为一些小的模块，更多新的模块也被加入进来。
CSS3中的模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。
您需要定义的是p标签，但是您的css的选择器匹配的是一个不符合规范的东西。。
应该如此写：
p{
color:rgb(4,1,255)
font-size:15px
font-family: "Microsoft YaHei"
}
一般来说css的规范是：
匹配对象{
样式名:样式内容
}
匹配来说选择器有：
CSS对网页内的元素作用也是有优先级的，单独的css文件外面导入的要低于本网页内设置的css样式，你要看看你的本页面内是否设置了css样式。如果是，那么它的优先级要高，你低于它的优先级设置的css就没有效果，说的很简单不知道你明白没？![css选择器[attribute~=value]和[attribute*=value]的区别](/aiimages/css%E9%80%89%E6%8B%A9%E5%99%A8%5Battribute%7E%3Dvalue%5D%E5%92%8C%5Battribute%2A%3Dvalue%5D%E7%9A%84%E5%8C%BA%E5%88%AB.png)
