javascript - 构建框架/工具时的类命名指南

Question

我正在开发一个使用 JavaScript 生成大量 HTML 和 CSS 的小工具，并且我计划使用 JavaScript 发布一个样式表，以便它全部正确呈现。我试图确保我不会在明显的样式表冲突中运行，所以我正在寻找指导方针、最佳实践等……为将在框架/工具中使用的类的命名。

你用什么来命名以避免冲突？

Answer 1

如果您也在生成 HTML，为什么不向容器添加一个独特的类或 id，然后您的 CSS 可以简单地设置容器中的那些元素的样式。

HTML：

<div class="myWierdAndWonderfulGeneratedThing">
<p><label>foo<label><span>bar</span></p>
</div>

CSS：

.myWierdAndWonderfulGeneratedThing label { color: red; }
.myWierdAndWonderfulGeneratedThing span { color: blue; }

您还可以使用 JavaScript 为您的包装器和相应的样式规则生成唯一 ID。

HTML：

<div id="myWierdAndWonderfulGeneratedThing_0001">
 ...
</div>

CSS：

#myWierdAndWonderfulGeneratedThing_0001 label { color: green; }