css行内样式不起作用
css行内样式不起作用的原因有两个:
● 语法错误
● 样式被覆盖
1、语法错误的解决方法
行内样式的正确书写格式如下
<p style="color: red; background: blue;">测试文字</p>
css写在标签的style属性上,每条样式使用分号隔开。
2、样式被覆盖的解决方法
在别处,如内联、外部文件中已经定义了css样式,而且优先级更高,那么行内样式就会被覆盖。
可以看见上面的行内样式文字是蓝色,而内部样式表定义了颜色是红色,并且优先级更高,就造成了行内样式失效。
解决方法是在行内样式中也加上!important ,提高它的优先级,或者找到内部样式表和外部样式表中的css样式,将它删除。
本文来自css3答疑栏目,欢迎学习!
以上就是css行内样式不起作用怎么解决的详细内容,更多请关注易知道|edz.cc其它相关文章!