使用 custom.css 覆盖 Jupyter markdown 单元格中的 html 蓝色字体颜色

Question

我有几个以下 Jupyter markdown 单元格

markdown 单元格中的一些文本

使用html强制为蓝色字体颜色：

<font color='blue'> Some text in markdown cell </font>

我想使用 custom.css 覆盖这个蓝色字体颜色

我需要更改的元素是我的 custom.css 中的以下内容

div.text_cell_render{
     margin:0
}
.rendered_html pre code {
     color: #444 !important;
     font-family: monospace;
}

尽管 !important 附加到颜色以进行覆盖，但这仍然不起作用。 我是一个CSS新手。如何实现这种蓝色字体颜色覆盖。

Answer 1

下面应该覆盖它，

html:

<div class="selector"><font color="blue">hello</font></div>

以及定位它的 css：

.selector font {
    color: red!important;
}