css行内样式不起作用

css行内样式不起作用的原因有两个：

● 语法错误

● 样式被覆盖

1、语法错误的解决方法

行内样式的正确书写格式如下

<p style="color: red; background: blue;">测试文字</p>

css写在标签的style属性上，每条样式使用分号隔开。

2、样式被覆盖的解决方法

在别处，如内联、外部文件中已经定义了css样式，而且优先级更高，那么行内样式就会被覆盖。

可以看见上面的行内样式文字是蓝色，而内部样式表定义了颜色是红色，并且优先级更高，就造成了行内样式失效。

解决方法是在行内样式中也加上!important ，提高它的优先级，或者找到内部样式表和外部样式表中的css样式，将它删除。