在typecho博客里记录了一个wordpress函数的用法,发现主页标题未能正确显示出下划线,有些字体的下划线确实位置超低。博客主题使用的lpisme主题,通过360极速浏览器审查元素,发现首页文章标题被包裹在类名为“index-post-title”的容器中,相关css设置内容如下,直接在浏览器中测试调整“line-height”这个参数,发现修改至128%以上就可以正常显示下划线了;
.index-post-title {
font-size: 18px;
font-weight: normal;
line-height: 120%;
display: block;
-webkit-transition: all .24s;
transition: all .24s;
color: #444;
}
确定症结之后就是修改了,进入后台控制台,选择外观,编辑当前外观,选择style.css文件。搜索到“index-post-title”这个字段,然后将其修改为128%。保存后重新访问一下站点,发现并不能够正常显示。清除浏览器缓存之后重试,这个时候修改的属性就正常生效了。
浏览网站时,部分不经常改动的文件往往会被浏览器缓存到本地并保存一段时间,以避免雷同数据的频繁请求。清除缓存后被浏览器暂存本地的style文件被强行清理掉了,所以浏览器只能重新向服务器去拿一份最新的版本。