gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 11:50:40 28 4
gpt4 key购买 nike

我正在 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) 子元素
  • 最佳答案

    这是一个笨拙的答案,但它似乎有效。在 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 层次结构可能会变得非常复杂。

    关于css - 如何将 CSS 文件导入 Google Colab Notebook (Python3),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58019749/

    28 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com