在 html 文件中自定义嵌入的 Git Gist 文本大小

Gre*_*ell 5 html css git gist

我的 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)

这是正确的想法吗?

Gre*_*len 5

在我的测试中,我更新.gist .blob-code-inner以覆盖要点的默认字体设置。但是,它确实需!important要这样做。根据您获得的具体程度,您可能不需要添加!important样式。

CSS 代码(在头部)

.gist .blob-code-inner{ font-size:20px !important; }
Run Code Online (Sandbox Code Playgroud)

  • 有用!现在请拿走我所有的声誉(当我可以授予它时)! (2认同)