html - 前缀和分类一切

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 选择器 - 当您只想将样式应用于每个文档的一个元素时

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