前缀和分类一切

Question

通常当我创建一些HTML模板时，我倾向于前缀和类（或id）所有内容，这是我保持标记更易读的方式，而且它使样式更容易。

例如，如果创建一个名为MyTemplate的模板，那么我为所有元素添加前缀

<form id="mt-form-blue" class="mt-form">
    <input class="mt-input-large" type="text" />
    <input class="mt-input-small" type="text" />
</form>`

我见过很多HTML模板，创建者很少使用类和ID。 我的问题是为什么？使用许多类和ID会对浏览器性能产生影响吗？它有任何危险的副作用吗？

Answer 1

CSS选择器会影响性能，但影响程度取决于其复杂程度以及使用的运算符。通常你不会注意到这种情况，但网上有很多关于这个问题的研究。

关于选择器的使用，仅列出基本三个，使用它们取决于你的意图，例如：

• 标记名称选择器 - 如果要将样式应用于此类型的每个元素
• 类选择器 - 当您想在多个元素中重用您的样式时
• ID选择器 - 当您想要将样式仅应用于每个文档的一个元素时

当然，它们的使用不限于上面的列表，但我认为它包含最常见的用例。