在 RST 中添加 CSS class 到 link

Question

我的 .rst 文件中有一个 link，看起来像

Click me! <../link_reference.html>

这呈现为点击我！。但是，我想给它添加一个 CSS class，这样它看起来像 Click me!.

我将下面这行添加到我的 RST 文件的顶部：

role:: example

然后我把我的 link 改成这样：

示例： Click me! <../link_reference.html>

但是，此 RST 呈现为 <span class="problematic">:example:点我！ <../link_reference.html>_</span> 代替。 :(

我认为使用 .. role:: 是在 RST 中向文本添加 CSS 的最佳方式。我需要为 link 做些什么吗？

Answer 1

这也给我带来了一些麻烦。这个解决方案不是很好，但我能够做我需要的，所以希望它能帮助你。它基本上在 link 周围添加了 div 和 class，因此您可以定位 link 并设置样式。根据您正在做的事情，您还必须设置 div 的样式。

RST 代码：

.. container:: myclass

    `google <www.google.com>`_

输出：

<div class="myclass container">
   <a class="reference external" href="www.google.com">
       google
   </a>
</div>

Add a CSS class to a link in RST