css行内样式不起作用怎么解决

css行内样式不起作用

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

● 语法错误

● 样式被覆盖

1、语法错误的解决方法

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

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

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

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

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

Snipaste_2019-12-21_10-54-32.jpg-600

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

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

本文来自css3答疑栏目,欢迎学习!

以上就是css行内样式不起作用怎么解决的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑