Javascript DOM对象CSS更改

我有一个用Jquery开发UI的应用程序。js类文件继承并用于显示屏幕模块的模板和小部件

JS类模块“A”继承模板B。它使用CSS类“ContentWrapper”显示JS模块的内容。现在，ContentWrapper的默认文本样式（在模板B中）是右对齐的。但是对于js模块“A”，样式应该是左对齐的。我访问了js模块“A”中的DOM对象，将文本向左对齐

$('.contentWrapper').css("text-align", "left");

但是我的同事有一种不同的方法在CSS文件中添加一个新类

.A {
  .ContentWrapper{
    text-align: left;
  }
}

---

有人能告诉我哪种方法最便宜吗

将样式与交互（即CSS与JavaScript）分离是最佳实践，因此您同事的方法是更好的实践。关于“便宜性”，性能在两个方向上都不明显，但是jQuery风格的显式更改的维护成本更高。

Matt，非常感谢您的快速响应。我同意将风格与互动分开的概念。我有点不愿意复制CSS中的值。{.ContentWrapper{text align:left；}}是模板B CSS属性的副本。可以这样做吗？@Subash假设

.A

引用了由JS模块应用于某个父元素的类，则在特定模块已运行的情况下，重复值将用于抵消默认值。