如何将CSS文件导入Google Colab笔记本（Python3）

Question

我正在Google Colab中使用Python 3笔记本。我想使用CSS文件来更改标题样式（颜色，字体等），并将编号的子列表更改为字母顺序。 我需要将CSS导入Colab笔记本中的帮助。

这是Markdown代码：

# List
1. item
1. item
1. item
  1. sub-item
  1. sub-item
  1. sub-item

它呈现为：

列表

1. 项目
2. 项目
3. 项目
   1. 子项
   2. 子项
   3. 子项

这是CSS：

ol ol {
  list-style-type: lower-roman;
}
h1 {
  color: red;
}

我希望它呈现为：

列表（应为红色）

1. 项目
2. 项目
3. 项目
   a）子项
   b）子项目
   c）子项

Answer 1

这是一个错误的答案，但似乎可行。在Colab的RTRIM示例中，有一个对how to enable MathJax in Colab的引用。这需要添加一个在每次单元格创建时触发的处理程序。可以更改此方法以添加CSS元素，而不包括MathJax JavaScript源。

advanced_outputs

运行此单元格后，笔记本中的每个新输出单元格都将添加CSS。根据我自己的经验，我经常不得不在规则上使用from IPython.display import Math, HTML, display def set_css_in_cell_output(): display(HTML("""<style> ol ol { list-style-type: lower-roman; } h1 { color: red; } </style>""")) get_ipython().events.register('pre_run_cell', set_css_in_cell_output) ，因为CSS层次结构可能会变得非常复杂。