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

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