使用针对Jekyll的Minima主题，单个反叛与降低三个反叛的降价风格分开

Question

我正在尝试为Jekyll定制Minima主题。我希望在三重反引号之间有一个深色背景（即在它自己的段落中），但我不想影响单个反引号之间的内联代码的背景。有没有办法做到这一点？

Answer 1

Markdown中的内联代码块呈现为：

<code>Lorem ipsum</code>

围栏代码块 - 三重反引号 - 呈现为：

<pre><code>Lorem ipsum</code></pre>

以下是针对这些模式的CSS选择器示例。您可以在我的示例中看到这些行为：

• <code>标签上的标签不如<pre><code>模式特定，屏蔽代码样式的背景颜色会覆盖内联块的背景颜色
• <code>模式也与<pre><code>模式匹配，作为子集，因此应用于<code> CSS规则的字体粗体粗体规则也适用于<pre><code> < / LI>
• 由于color: Blue;属性仅适用于<pre><code>，因此它是唯一具有蓝色文字的属性

＆＃13;

＆＃13;

code {
    font-weight: bold;
    background-color: GreenYellow;
}

pre > code {
  background-color: AliceBlue;
  color: Blue;
}

＆＃13;

<code>Lorem ipsum</code>

<pre><code>Lorem ipsum</code></pre>

＆＃13;

＆＃13;

＆＃13;

总之，如果要将规则应用于受防护的代码块而不是内联代码块，请使用更具体的CSS选择器，如pre > code。此选择器匹配父项为<code>标记的<pre>块。