我的 html 页面上有一个嵌入式要点来显示一些代码。我想知道是否有办法编辑其默认字体大小?在网上搜索之后,有人建议覆盖 gist 的 css。我不精通 html 或 css,所以对菜鸟问题表示歉意。
这是我的 html 页面的片段:
<html>
<head>
<style type="text/css">
.gist .gist-file .gist-meta {
font:30px "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif;
text-shadow:1px 1px rgba(255,255,255,0.8);
overflow:hidden;
color:#999;
background-color:#e8e8e8;
background-image:linear-gradient(#fafafa,#e8e8e8);
background-repeat:repeat-x;
padding:10px;
}
</style>
</head>
<body>
<script src="https://gist.github.com/ghost/754a9a308214f2db688e634b64d31597.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是正确的想法吗?
在我的测试中,我更新.gist .blob-code-inner以覆盖要点的默认字体设置。但是,它确实需!important要这样做。根据您获得的具体程度,您可能不需要添加!important样式。
.gist .blob-code-inner{ font-size:20px !important; }
Run Code Online (Sandbox Code Playgroud)