Html css id vs类，一些想法

我认为我理解css文档中id的vs类。据我所知，html文档中应该只有一个id元素实例和许多类元素。现在我正在查看每个新mvc3项目上生成的Microsoft驱动的Site.css模板，我看到有.page元素，而不是#page？我在这里遗漏了什么吗？

开发人员通常使用

#id

如果他们想要对该元素应用一些javascript，并且id应该是唯一的，其中as

。无论什么
都是一个可以多次使用的类

正如你所说

微软可能正在使用
.page
，因为它必须应用于多个事物，所以它根本没有使用
#page
，这并没有什么区别，是的，但就具体情况而言，
#id
选择器的优先级高于
。class
只在javascript中使用id变得很常见，并且只对CSS使用类

这背后有许多原因：


使用JS选择ID非常快
ID比类别具有更高的特异性
这是一种将JS和CSS拆分的方便方法

例如：

<a class='btn btn-primary' id='alert' href='#'>Click Me</a>



这将是一个典型的用法，其中
btn
和
btn主
类用于CSS，但是
警报
id将在JS中使用

这意味着可以在不丢失JS链接的情况下重新设置链接的样式，也可以在不改变其样式的情况下更改其行为。
使用类时更容易保持良好的级联。Id是将样式链接到文档的一种非常特殊的方式。此外，目前您可能只有一个元素，因此使用id似乎是一种可行的方法，但如果在不久的将来您将切换到两个元素，会怎么样呢

根本不知道Microsoft驱动的Site.css模板；但坦率地说，我不会从他们那里得到任何关于CSS的建议：他们的浏览器一直是所有主要浏览器中最差的，因为它们在样式方面采用了国际标准

给定页面上任何特定项目的id只能有一个；但几乎可以肯定的是，不止一个会起作用。。。至少用于样式设置（请尝试使用脚本：p）

见鬼，我刚刚把微软的主页放进了w3c

html验证程序：28个错误，581个警告

以及W3CCSS验证程序

我们发现以下错误（68）

虽然可以说许多CSS错误可能是由设计糟糕的浏览器中修复问题的可接受的黑客所产生的。。。主要是微软的

即便如此，我还是对这个微软驱动的网站感兴趣。css模板：你有没有可能发布链接

正如一个传统的注意事项：CSS中的ID总是比类具有更高的优先级，无论顺序如何。
如果您有多个页面。。。