jupyter-notebook：将css类添加到输出单元格

Question

是否可以使用cell magic将类添加到输出单元格？例如：

valo

然后单元格In [1]: %%css-class highlight display(pd.DataFrame(np.random.rand(3,4))) 将具有“突出显示”类，以便我可以使用css更改格式。

Answer 1

经过一番搜索，我发现了这种方法：

首先我们导入：

from IPython.display import Javascript

然后在某个单元格中：

x = pd.DataFrame(np.random.randn(3, 8), list('ABC'), list('abcdefgh'))
display(x)
display(x)
Javascript('this.element.attr("id", "myoutput")')

this.element中的javascript指向当前单元格的<div class="output">;并this指向OutputArea个实例（请参阅＆＃39;静态/ notebook / js / outputarea.js＆＃39;）

然后我们可以操作此输出<div>

%%javascript
$('#myoutput').toggleClass('horizontal')

使用css

%%HTML
<style>
.horizontal {flex-direction: row}
</style>