修改Blogger/blogspot模板 自定义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

