SuperAPI AI 工具集

studio-css-reset

前端与建站

查看项目

更新于 10-15 21:05

技能介绍

用途:该技能用于在 Remotion Studio 的 .css-reset 容器内正确设置 UI 样式,避免依赖被重置的属性继承。

主要能力:Studio 使用 .css-reset 容器限制用户样式对自身 UI 的影响。打包器在 packages/bundler/src/setup-environment.ts 中注入以下规则: .css-reset, .css-reset * { font-size: 16px; line-height: 1.5; color: white; font-family: Arial, Helvetica, sans-serif; background: transparent; box-sizing: border-box; } 该规则作用于每个重置容器及其所有后代,但仅覆盖上述属性;不覆盖容器外元素,也不能阻止更强的用户 CSS 规则生效。

使用方式:必须遵守的规则是不要依赖继承来设置重置中的属性。每个后代都会获得自己的重置值,因此只给父元素设置样式不会影响嵌套文本或 SVG 图形。应在实际渲染该内容的元素上设置所需值,或使用能显式选中该后代的 CSS 选择器。

适用场景:为 Remotion Studio 界面编写或调试自定义样式时。

限制:资料未提供更多安装命令、平台或收费信息。