有时候在写css时,显示效果会出现非常诡异的效果
不知道有没有遇到这种
css:
#logo{
border: solid 1px blue;
}
html:
<div id="logo"> logo</div>
居然显示的是红色
弄了很久,发现有个
,我并没有定义它啊!
我搜索我所有的CSS文件,我无法找到element.style任何地方。原来这是在system.css东西
这咋办呢。。。。。
结果在http://drupal.org/node/229348中找到解决的方法,使用!important即修改成
- #logo{
- border: solid 1px blue !important;
- }
就可以了,优先级的问题
本文介绍了一种在CSS样式设置过程中遇到的诡异显示问题:预期的蓝色边框显示为红色。通过排查,发现该问题是由于样式优先级导致,并在system.css文件中找到了冲突的样式。文章提供了使用!important提高样式的优先级来解决问题的方法。
423

被折叠的 条评论
为什么被折叠?



