自定义 CSS 最佳做法
以下是自定义 CSS 用法的建议指导原则：
• 类以应用程序或扩展名称为前缀，以确保您的系统中不存在与其他 CSS 的冲突。
• 使用相应的 CSS 选择器将 CustomClass 属性绑定到触发可视更新的值。
• 有时，CSS 可以覆盖小组件定义，但也取决于属性在小组件中的定义方式。出现冲突时，请慎重使用 CSS 中父项/子项的嵌套选择以及 !important 指令。
• 请确保为尺寸或位置使用基于百分比的值。用于定位的属性为 Vertical-Align 和 Text-Align。Flex 盒式容器可有效管理项大小和位置。
• 部分小组件不支持新的 CustomClass 属性，但我们仍可自定义 CSS。可选择用类标记父项容器 (布局/面板)，然后使用父项-子项选择器在 CSS 中选择目标 div。
• 边界框不会更改下一版本的混搭构建器，因此将样式应用于边界框 div。
• 保留单个 CSS 文件中的常用代码，并避免代码重复。例如，如果您选择“重复器”小组件的内部元素，请将其放置在常用文件中，以便您可以在 DOM 更改的情况下轻松执行更新。
• 选择类名称与元素类型。类名称通常表示设计意图，而元素 (表) 可能会转换为不同类型 (例如，为了提高性能)。
• 按元素类型进行选择时，查看其上下文，以确保代码可行。例如，如果您选择文本框小组件元素，则 input 元素可能安全；div 过于常规。
• 排定 ThingWorx 类名称及其设计意图。例如，如果 ThingWorx 类名称是：shadow - 仅用于自定义阴影。
• 在适当时使用直接子项选择 (>)。这样做是为了避免“泄露”所有递归子项的选择。混搭可能包括其他混搭 (通过重复器或所包含的混搭)，因此仅选择所需混搭。示例：面板小组件具有 OuterContainer div，以确保您选择直接子项而非此类型的所有 div。