html - 在wordpress上更改代码字体大小

Question

在我在 wordpress 中的一篇文章中，我按照描述发布了源代码 here .

代码示例如下:

[code language="csharp"]
   // Code goes here
[/code]

结果是这样的:

我想做的是更改字体大小并使其变小。

我已经检查了代码的元素，它给出了以下内容:

我尝试使用简单自定义 CSS 插件添加自定义 CSS 来更改字体大小，但无济于事。 我试过的 CSS 如下:

code {
    font-size: 10px;
}

.csharp plain {
    font-size: 10px;
}

.csharp keyword {
    font-size: 10px;
}

如何更改代码的字体大小？

Answer 1

您的元素似乎是页面的一部分，因此自定义 CSS 应该可以工作。它很可能不起作用，因为另一个样式表(可能是 WordPress.com 默认值)的 CSS 规则更强大或更具体​​。

尝试使用 CSS !important 规则:

code {
    font-size: 10px !important;
}

.csharp plain {
    font-size: 10px !important;
}

.csharp keyword {
    font-size: 10px !important;
}

如果这仍然不起作用，请使用具有重要规则的更具体的 CSS 选择器。

如果这仍然不起作用，您的自定义样式表尚未应用，您必须检查您的配置。