修改Blogger模板 自定义CSS时 使用!important
修改Blogger模板 自定义CSS时 会发现添加的CSS代码没有全部生效。
需要通过浏览器的开发者模式(F12),找到没有生效的CSS代码,使用!important 后缀
后来发现字体还是有一些问题,front-style: normal生效了,但是字体还是加粗的。再继续在开发者模式里查,发现了这个
再去学习了一下,这个 600 实现了加粗的效果。
增加一条 font-weight: normal; 解决了问题。
继续学习,增加了一条 quotes: none; 解决问题
最终写到“添加CSS”一栏的内容是:
blockquote {background-color: whitesmoke;border-radius: 0px;border: 1px solid rgb(204, 204, 204);box-sizing: border-box;color: #333333;font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;font-size: 14px !important;font-weight: normal !important;font-style: normal !important;line-height: 1.42857 !important;overflow: auto;padding: 10px;margin: 10px;word-break: break-all;text-align: left;quotes: none !important;}
更新在 https://github.com/crazypeace/blockquote_css
评论
发表评论