问：请帮助我。我对 CSS 类和 Id 选择器的工作感到困惑。有些人说 ID 是一个唯一的选择器，但我发现我可以在几个元素上使用相同的 ID，比如类选择器。这里有两个我制作的例子，请帮助我。
/类选择器/
<!DOCTYPE html> <html lang="en"> <head>
< meta charset = "utf-8" >
< title > HTML Basic </ title >
< style > 。MainHeader {背景：#556677 ; } </样式>
</head> <body> <header class="MainHeader"> <p>它是主标题</p> </header> <footer class="MainHeader"> <p> © 2015 || 伊斯兰教 </p> </footer> </body> </html>
/*Id选择器*/
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> HTML Basic </title> <style> #MainHeader{ background:#556677; }
</风格>
</head> <body> <header id="MainHeader"> <p>它是主标题</p> </header> <footer id="MainHeader"> <p> © 2015 || 伊斯兰教 </p> </footer> </body> </html>
答：Web 浏览器在呈现页面时不会将 id 和类视为相同的。当您的页面加载时，级联样式表的本质意味着一些 CSS 规则将覆盖其他规则。浏览器必须有一种方法来决定哪个规则获胜，有几种方法。一种是订购源代码。较晚的 CSS 规则覆盖较早的规则。
但另一个是 CSS 特异性。CSS中的class值10分，id值100分。仅凭这一点，您就可以看到一个 id 可以轻松覆盖一个类，或者需要一个具有 10 个类的选择器才能获得与具有一个 id 的选择器相同的特异性。如果你不小心，这会变得非常混乱，非常快，因为你认为一个规则应该覆盖另一个，但它不会，你会发现这是因为它不像另一个那么具体。它具有较少的 css 特异性点。
