是否有Web应用程序的CSS类命名标准？

Question

关于intertubes有一些关于某些基本css命名约定的信息。但是，大多数这些约定都是从设计者的角度出发的。

我正在从Web应用程序开发人员的角度来看待约定。随着Web应用程序的发展，以及整个代码库中使用UJS（不显眼的javascript），您的css类的命名标准越来越多。这有点尴尬的原因是css类的使用有些过载。

• 一方面，css类被使用 样式表，以帮助呈现您的 内容很好。
• 另一方面，css UJS库使用类 （像jQuery）帮助绑定javascript 代码给定的某些元素 页。

从rails应用程序的角度出现的一个概念就像是

.controller-action 
  { /*styles */ }

其他想法为你的班级添加匈牙利概念：

.js-controller-action
  { /* styles */ }

js，prefix，将描述附加了ujs代码的元素。

就个人而言，我从rails应用程序的角度对此感兴趣，但是，我可以看到它如何适用于任何Web应用程序框架和UJS javascript库。

Answer 1

我发现了一篇很好的文章。

Structural Naming Convention in CSS

以及

CSS coding: semantic approach in naming convention