css - 如何将 CSS 文件导入 Google Colab Notebook (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

它呈现为:

列表

元素

元素

元素

子元素

子元素

子元素

这是CSS:

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

我希望它呈现为:

列表(应该是红色的)

元素

元素

元素
a) 分项
b) 分项
c) 子元素

Answer 1

这是一个笨拙的答案，但它似乎有效。在 advanced_outputs来自 Colab 的示例，引用了 how to enable MathJax in Colab .这需要添加一个在每个单元格创建时触发的处理程序。可以更改此方法以添加 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 层次结构可能会变得非常复杂。