html - 将 CSS 类添加到 RST 中的链接

Question

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

Click me! <../link_reference.html>

这呈现为 Click me!。但是，我想向它添加一个 CSS 类，以便它看起来像 Click me!。

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

role:: example

然后我把我的链接改成这样:

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

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

我认为使用 .. role::是在 RST 中向文本添加 CSS 的最佳方式。我需要为链接做些特别的事情吗？

Answer 1

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

RST代码:

.. container:: myclass

    `google <www.google.com>`_

输出:

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