如何将 CSS 文件导入 Google Colab Notebook (Python3)

Question

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

这是降价代码：

# 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

这是一个笨拙的答案，但它似乎有效。在advanced_outputsColab的示例中，参考了如何在 Colab 中启用 MathJax。这需要添加一个在每个单元格创建时触发的处理程序。可以更改此方法以添加 CSS 元素，而不是包含 MathJax JavaScript 源。

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。根据我自己的经验，我经常最终不得不使用!important规则，因为 CSS 层次结构会变得非常复杂。