Blogger修改模板文件 将非标题的超链接的字体 改为代码字体 方便打印 后识别

我的搭建节点的教程有个目标就是——爷爷奶奶也能成功，只要能认识字母，会操作键盘和鼠标，就能成功。

我设想的一个使用场景是——把教程的字体调大后打印出来, 读者照着纸质的教程操作.

那么超链接的可读性是需要得到保证的.

参考之前设置代码字体的经验

添加一段

a {
font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Courier New", monospace !important;
}

之后，发现所有属于超链接的字体都改了，连标题的字体都改了。这可不是我想要的。

所以，接下来的要求是：

只有<p></p>里面的<a>超链接</a>才改变字体；

如果是<h1></h1>等标题里的超链接就不改变字体。

参考: (下面三个链接是一样的内容, 挑个看起来顺眼的就行)

https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Selectors
https://www.runoob.com/cssref/css-selectors.html
https://www.w3school.com.cn/cssref/css_selectors.asp

改为

p a {
font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Courier New", monospace !important;
}

成功！