<head>
<style type="text/css">
#text {
color: blue;
}
</style>
</head>
<body>
<div id="content">
<p id="text">Text 1</p>
<h1 id="text">Text 2</h1>
</div>
</body>
Okay, es funktioniert vielleicht mit CSS, aber spätestens wenn du Javascript benutzt und z.B. mit getElementById("text") auf das Element zugreifen willst, wirst du Probleme bekommen. Wenn du deinen Code mal in den [W3C Validator](http://validator.w3.org/#validate_by_input) einfügst, wirst du sehen, dass er dir auch sagt, dass du id's nur einmal verwenden soll.
Also, merk dir einfach: wenn das Element nur einmal auf der ganzen Seite vorkommt, benutze dafür eine ID. Ansonsten Klassen, um unnötige Fehler zu vermeiden.