Question

我的html页面上有一个嵌入式要点，用于显示一些代码。我想知道是否有办法编辑其默认字体大小？在搜索网络后，有些人建议覆盖要点的CSS。我不熟悉html或css，所以对noob问题道歉。

这是我的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>

这是正确的想法吗？

Answer 1

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

CSS代码（头部）

.gist .blob-code-inner{ font-size:20px !important; }

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

1 个答案:

CSS代码（头部）