css - colab 不使用 css

Question

在我自己的机器上运行 jupyter 时，下面的代码(第一个单元格)会影响所有引用 css 规则的后续单元格，即，它按预期工作。当我在 colab 中运行它时，它没有任何效果。是否有适用于本地和 colab jupyter 环境的等效形式？

%%html
<style>
.h1_cell {
    box-sizing: border-box;
    padding-top:5px;
    padding-bottom:5px;
    font-family: "Times New Roman", "Georgia", "Serif";
    font-size: 125%;
    line-height: 22px; /* 5px +12px + 5px */
    text-indent: 15px;
    background-color: #fbfbea; //#e6e6e6;
    padding: 10px;
}
</style>

后续 Markdown 单元格的标题为

<div class=h1_cell>

Answer 1

每个 Colab 输出都在不同的 iframe 沙箱中呈现。因此，任何样式更改都只会应用于执行自定义的单元格的输出。