在Jupyter笔记本中样式代码输出的最佳方法是什么？

Question

我使用iPython作为底层内核开发了一套Jupyter笔记本。

我想设置输出的样式，使其从周围文本中脱颖而出，为输出设置样式的最佳方法是什么？

Answer 1

您可以在custom.css文件夹中放置~/.jupyter/custom文件，这会影响css。

要设置输出样式，您需要使用如下选择器：

.output_subarea * {
    background-color: red;
}

取决于您想要的样式。 *匹配所有元素，.output_subarea和*之间的空格表示我们要选择.output_subarea的后代。 !important表示我们要覆盖任何现有样式，您可能需要使用它。如果它似乎不起作用，请尝试添加!important，如下所示：

.output_subarea * {
    background-color: red !important;
}

有几个输出选择器，您应该使用它们，直到找到想要使用的输出选择器。

.output选择整个输出div，.output_area选择任何输出区域。通常样式.output或.output_area会做类似的事情。

.output_subarea专门针对实际产出的区域（即它将排除提示）

使用它，使用浏览器查看DOM检查器，找到您想要影响的页面部分的类