Jupyter notebook jupyter笔记本：将css类添加到输出单元格

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

In [1]: %%css-class highlight
        display(pd.DataFrame(np.random.rand(3,4)))

---

然后单元格

Out[1]

将具有“highlight”类，以便我可以使用css更改格式。

经过一些搜索，我发现了以下方法：

首先，我们进口：

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")')

javascript

中的

this.element

指向当前单元格的

；而

这个

指向

OutputArea

实例（参见'static/notebook/js/OutputArea.js'）

然后我们可以操作这个输出

使用css

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

%%%HTML
.水平{弯曲方向：行}

untested:

display（'html代码以类开头div'）；显示（数据）；显示（“关闭div的html代码”）

此代码不起作用。每个

显示

调用都要包装在一个单独的

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