css规则名称的最佳方法是什么？

Question

许多ajax调用意味着您从不同的模板视图中获取内容。在这种情况下，可以重复一些ID。所以我想知道如何命名样式规则的最佳逻辑。 我目前正在决定两种选择：

• 为每个ID添加前缀。每个选择器看起来都像＃templateName-idName
• 将每个模板包装到具有模板名称id的div。所以每个选择器都以#templateName #idName
开头

您对此有何看法？用一些前缀绝对隔离每个id是不是一个好主意？

Answer 1

使用某种形式的伪造名称空间（如id的前缀）是防止冲突的好主意。从CSS的角度来看，您应该尝试创建更多可重用/一致的样式规则，因此通常避免将id用于除站点结构元素和一次性修复之外的任何内容。显式类/ id标记和组合选择器的组合应该导致更清晰和更易维护的样式表。至于id会使组合的＃container-child约定优于初始命名空间的原因，并且还要强调并利用id的唯一性。

Answer 2

通常当我做重型AJAX时，我有以下规则：

大多数情况我只会更新一个“内容”。如果我有需要更新小部件等的子Ajax调用，则这些调用不一定是独特的想法。您可以利用其他DOM元素，如追加或插入等...

Answer 3

如何一起使用ID和类？类似的东西：

HTML：

<div id="templateOne" class="content">
    <!-- content -->
</div>
<div id="templateTwo" class="content">
    <!-- content -->
</div>

CSS：

#templateOne.content { /* styles */ }
#templateTwo.content { /* styles */ }