当涉及到 JavaScript 和 CSS 时，你如何命名你的类？ [关闭]答案

【问题标题】：How do you name your classes when it comes to JavaScript vs CSS? [closed]当涉及到 JavaScript 和 CSS 时，你如何命名你的类？ [关闭]
【发布时间】：2011-07-25 19:29:24
【问题描述】：

有一些类是针对 css 的，还有一些类是针对 JavaScript 的。

您使用什么命名约定来表示“在 JavaScript 文件中查找此类”而不是：“在 css 文件中查找此类”而不是“在任何地方查找此类” ”。

【问题讨论】：

相关：stackoverflow.com/questions/921133/…

标签： javascript jquery

【解决方案1】：

如果可能的话，我想应该是这样的

用 HTML 构建网站结构
使用 CSS 添加样式（这里是添加类的地方）
通过已创建的类和 ID 挂钩 javascript
仅在必要时添加其他类/ID。

在大多数情况下，这可以很好地组合在一起。

如果脚本是最后完成的（我认为这是最好的），那么结构应该可以支持它。

因此，在几乎所有情况下，您的 js 类/ID 都会反映您的 CSS 内容。

编辑

根据@Bryce Siedschlaw 的评论提供更多信息：

我的大部分类/ID 都基于元素的功能。我今天创建/修改的一些规则示例

#successExplain{}  
.successImgs{}
.continueRead{}
.continueRead a{}
.continueRead a:hover{}
#tagCloud{}

【讨论】：

我可能遗漏了一些东西，但我认为您并没有真正回答这个问题。你实际上并没有提到应该如何命名 CSS 的东西。我认为这可能是答案的重要组成部分。
我正在考虑看到 class="X" 并想知道 X 用在哪里的维护程序员。他可以在 css 文件和 js 文件中搜索 .X，我现在考虑一下，但他还必须搜索“X”和“X”。
@布莱斯。真的。我展示了我的开发如何影响 CSS 和 JS 中的类创建，以及两者几乎总是以相同的类结束，因此没有特别的区别。
@cf_PhillipSenn。我认为维护程序员会根据他/她正在更新/修改的内容深入研究 js 或 CSS。有时您需要同时进入两者。
@Jason。是的，我有点想通了。那么，您是否尝试将驼峰式用于所有内容？还是下划线？

【解决方案2】：

我尝试使用名词修饰语来命名它们，所以形容词、介词短语或句子使用动词“to have”减去主语。例如，

形容词：upToDate, stale
介词：fromSameUser
口头：hasProblems

【讨论】：

那么，CSS 和 JS 都使用驼峰命名法？
@Bryce，是的，但我没有合理的理由说明为什么其他人应该这样做。
有道理。每个人都应该按照自己觉得舒服的方式去做。我只是想看看其他人是如何做的并提出想法。
我会试试这样的，看看效果如何。

【解决方案3】：

没有真正的命名约定。

有时（大部分时间）我同时为 css 和 js 使用类。

【讨论】：

同意，只要您选择一种命名约定并遵守它就可以了。

【解决方案4】：

我尝试根据它们所描述的元素来命名我的类，而不是它们的使用方式。如果我的页面上有一堆.definition 元素，我是否将它们设为绿色或者我是否想让jquery 循环它们都无关紧要，这仍然是一个定义。

【讨论】：