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