为同时含simplequiz与result类的div设置CSS无效,求帮助
问题原因与解决办法
你的CSS没生效的核心原因是:HTML元素里写了内联style属性,内联样式的优先级远高于类选择器定义的CSS,所以你的类样式被内联样式覆盖了。
解决方法一:用!important强制覆盖内联样式
给所有需要修改的属性加上!important,提升它们的优先级,就能覆盖内联样式:
.simplequiz.result{ float:none !important; max-width:500px !important; text-align:left !important; }
解决方法二:移除内联样式(更推荐)
如果能修改HTML代码,直接删掉<div>标签里的style属性,这样你的原CSS就能正常生效,还不用依赖!important(滥用!important会让后续样式维护变麻烦):
修改后的HTML:
<div class="simplequiz result"> <span class="simplequiz result_quiz_name" style="font-size: smaller;">Análise</span><br><br> <span class="simplequiz result_total" style="font-size: large;">1/2 (50%)</span> </div>
此时你原来写的CSS就能正常作用在元素上了。
内容的提问来源于stack exchange,提问作者user15235239
相关产品推荐
相关产品推荐

