构建框架/工具时类命名的准则

Question

我正在使用JavaScript开发一个小工具，它可以生成大量的HTML＆amp; CSS＆amp;我计划使用JavaScript发布样式表，以便正确呈现。我正在努力确保我不会在明显的stylesheet collisions中运行，所以我正在寻找指南，最佳实践等......用于在框架/工具中使用的类的命名。

您使用哪种方法可以很好地命名以避免碰撞？

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; }