拖动手柄会在每次指针事件中得到新的 x 坐标。哪种样式结构最能避免为每个坐标生成类名？

拖动手柄会在每次指针事件中得到新的 x 坐标。哪种样式结构最能避免为每个坐标生成类名？

1. 保留一条使用 transform: translateX(var(--x)) 的类规则，再为每个元素设置经过验证的 --x 值。
2. 在指针事件处理器中创建新的样式组件。
3. 给每条生成的坐标规则追加 !important。
4. 把原始指针事件对象哈希成类名。