问题描述
每当我尝试它时,即使使用带有 list-style-type: none
的 HTML 和 CSS,我似乎也无法摆脱要点。
我设法得到的最远的是添加一个 <style>
元素,它确实有效,但 Github 没有完全解析 HTML 并且 <style>
元素也显示为纯文本,这不是行为我开始使用 VS Code。
<style>
#TOC ul {
list-style-type: none;
}
</style>
<div id="TOC">
<ul>
...
</ul>
</div>
文本 <style> #TOC ul { list-style-type: none; } </style>
将在渲染后出现在真正的 TOC 之前。
解决方法
来自 @Waylan 的评论:GitHub 记录了他们的标记处理 here。请注意,第二步——在第一步中将 Markdown 转换为 HTML 之后——通过以下方式清理 HTML:
(...) 积极删除可能伤害您和您的亲属的东西——例如脚本标签、内联样式和 class
或 id
属性。
这意味着 Github 故意不希望用户创建自定义样式,因此,理论上,您无法真正做到您所要求的。但是,在实践中,您仍然可以通过以下方式利用 Github 的 CSS:
<div id="user-content-toc">
<ul>
...
</ul>
</div>
这就是最终在实践中的样子——您可以查看示例here:
请记住,这肯定不是理想的。因为 Github 可能会随时更改 id
,这会破坏您的样式。尽管如此,在 id
消失的情况下,在最坏的情况下,事情将默认为 <ul>
- 这并不像它们完全扭曲 <ul>
的行为的情况那么糟糕,所以请注意出来!