在元素上使用多个CSS类的正确方法是什么？

Question

我可以想象当有多个与元素相关联的类时，尝试调试样式问题会变得很复杂。目前我正在使用多个类，但是在某种程度上，一种类用于jQuery操作，另一种用于样式。所以我可以有一个元素

<div id='myDiv' class'ActionControl SearchBox'></div>

jQuery使用.ActionControl，.SearchBox在CSS文件中有关联的样式。这是对还是错？人们对此有何看法？

其他人遇到了哪些问题？他们是如何解决的？

Answer 1

只要您的代码易于理解，可维护且清晰，您的系统就是好的 关于如何提供CSS类没有标准我知道，除了一个：
如果您需要使用JS或CSS在页面中定位单个元素，则应使用ID而不是CLASS。

Answer 2

这绝对是良好做法 ......

您必须记住的一切不是删除class属性，而是删除您想要删除的类。

另外，另一个问题（不适合我）是OLDER浏览器不支持多个类。

请注意以阻止代码重复的方式对CSS进行编码，以便float:left class可用于许多不同的元素，这样可以保持代码清晰

Answer 3

我看不出有什么不妥。也许你可以在jQuery类的前面添加例如： jActionControl，所以你可以更好地了解谁使用了classe，如果它在很多类中变得非常难看。

当然，您可以根据需要分配任意数量的课程，这样您的方法就没有任何问题。

Answer 4

使用多个类的另一种方法是获得一种继承。

.thing { ..blah.. }
.thing.subthing { ..tweaks.. }


<div class="thing"></div>
<div class="thing"></div>
<div class="thing subthing"></div>

这里所有的东西都被“blah”应用到了他们身上，但只有subthing div得到了调整。

是的，它会变得复杂。与任何电动工具一样，您需要谨慎而谨慎地应用它。