【问题标题】:Styling footnotes for markdownMarkdown 的脚注样式
【发布时间】:2012-03-10 00:37:15
【问题描述】:

我一直在降价页面中使用脚注,如 DaringFireball 上提到的in this post,但我似乎无法弄清楚如何按照我想要的方式设计它们。将 .footnotes {} 添加到我的样式表允许我设置脚注文本的样式,但我缺少两件事:

  1. 在 Gruber 的帖子中,他的脚注的反向链接被赋予样式“a.footnoteBackLink”,但我的页面只生成“a href="link" rev="footnote"。我不知道如何调用它在 CSS 中,我不知道如何更改它,以便我的降价页面输出任何不同。我的反向链接转到单独的行,我希望将它放在同一行。也许这是与降价引擎;我正在使用 Maruku(我认为),如果我知道应该使用哪个代替,我可能会弄清楚如何更改它。

  2. 无论我在脚注括号中放什么,页面都会输出带编号的脚注。我如何告诉它使用星号或其他符号?大多数带脚注的页面只有一两个,当脚注少于七个时,符号通常是正确的,所以我想做正确的事情。

我什至不应该这么说,但过去几个月我一直在自学 Web 开发,如果没有 SO,我绝对做不到。这是我第一次在这里找不到答案,所以这是我第一次问。我爱你,请不要生我的气。

【问题讨论】:

  • 您可以使用选择器 a[rev="footnote"] 在 CSS 中引用这些链接。
  • 这似乎不起作用-我尝试使文本变大以查看它是否有任何作用,并且页面上的快速“检查元素”根本没有显示该选择器。我在 ikiwiki 的 github 页面上发现了另一个提到该问题的内容,因此问题可能是我的站点生成器。
  • “过去几个月我一直在自学 Web 开发,如果没有 SO,我绝对无法做到。”赞成。

标签: css markdown footnotes


【解决方案1】:

市面上有各种各样的转换工具。每个人可能有不同的处理方式。我发现remarkable 是您解决问题的好选择。它将类“footnote-item”添加到每个脚注。

检查live demo 并检查 HTML 输出。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-03-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-07
    • 2023-03-20
    • 2017-01-14
    • 1970-01-01
    相关资源
    最近更新 更多