这是因为有其他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就没有效果,说的很简单不知道你明白没?