修改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 

评论

The Hot3 in Last 30 Days

无服务器 自建短链服务 Url-Shorten-Worker 完整的部署教程

ClouDNS .asia免费域名 托管到CloudFlare开CDN白嫖Websocket WS通道翻墙 / desec.io