「CSS 代码片段」鼠标悬浮则显示块，移开则隐藏

功能上实现了：

1. 对于一个希望隐藏的块，当鼠标移出的时候自动隐藏，但是会保留一个外边框如果不希望有 border，把和 border 相关的 css 删掉就行
2. 鼠标移入的时候，自动显示，正常编辑即可
3. 需要注意的是，对于容器块当然可以一起隐藏；但是标题块不是容器，所以只设置标题块的隐藏是无济于事的

用法

1. 添加 CSS 代码片段

div[custom-hidden] {
    border-style: dashed;
    border-width: 1px;
    border-color: var(--b3-theme-primary);
}

div[custom-hidden] * {
    visibility: hidden;
}

div[custom-hidden]:hover {
    border-style: none
}

div[custom-hidden]:hover * {
    visibility: initial
}

2. 为希望自动隐藏的 block 添加一个 hidden 属性

效果

光标移出

光标移入

由于边框的颜色用的是 css 变量，所以会随着主题自动适配