目前,我博客的CSS样式表将我博客中的大部分元素(正文,标题等)设置为某种字体和大小。我继续为特定元素设置不同的字体系列和字体大小,例如条目内容标题和侧边栏小部件标题,使用!important代码覆盖主博客字体和大小。这样做对于这两种情况都很好,直到今天早上,突然侧边栏小部件标题完全改变了。这很奇怪,因为我一直在不断刷新我的缓存所以我知道这不是现在突然出现的旧CSS更改。无论如何,它似乎正在做的是使用我设置的标题字体(h1),这是“Didot”字体大小22px(用于条目内容标题的相同设置),但是,我已经指定了.widget h1设置为字体大小14!重要,顶部和底部有边框。用于覆盖的!important似乎不再起作用,因为字体大小仍为22,并且为.widget h1设置的顶部和底部边框(之前可见)不再显示。
有谁知道如何解决这个问题?这是我的博客链接:http://MissSophisticate.com
答案 0 :(得分:0)
你应该避免使用!important,除非绝对必要,因为一旦你开始在一些地方使用它,事情会很快变得复杂!
而不是!重要的是你应该使用CSS的特异性和继承规则来覆盖特定的样式,这意味着样式表中样式的排序以及选择器的具体方式,一旦你养成这样做的习惯,你应该发现你永远不需要使用!important
并回答你的具体问题......
看起来您错误地在样式表中添加了一些HTML,请看第78行....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
删除它应该有帮助!