如何在 Jekyll 中为特定语言的代码片段更改 CSS

【问题标题】：How to change CSS in Jekyll for code snippets in specific language如何在 Jekyll 中为特定语言的代码片段更改 CSS
【发布时间】：2017-08-05 15:33:48
【问题描述】：

我的博客使用 Jekyll，我想更改 Python 代码 sn-ps 的背景颜色：

```python
def foo():
    pass
```

发现_sass/_code.css中可以改变背景：

pre {
    padding: 1.125em;
    background-color: $pre-background-color;
}

但是，这会影响各种 sn-ps。有没有办法为特定语言使用不同的设置？

【问题讨论】：

【解决方案1】：

每种语言都有自己的类，在本例中为 language-python。

要自定义python源代码，您可以为荧光笔的每个标记设置具有该类的css，例如自定义function标记和Punctuation：

.language-python .nf{
    background-color:red;
    color:green;
}
.language-python .p{
    background-color:blue;
    color:white;
}

该代码会给我们：

【讨论】：