<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Třída versus identifikátor</title>

<style type="text/css">
#idecko {color: red;}
.trida {color: blue;}
</style>

</head>

<body>
  <p id="idecko" class="trida">Barevný odstavec</p>
</body>
</html>

Bude odstavec červený nebo modrý? Koukněme na výsledek v prohlížeči.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Třída versus identifikátor</title>

<style type="text/css">
#idecko {color: red;}
.trida {color: blue !important;}
</style>

</head>

<body>
  <p id="idecko" class="trida">Barevný odstavec</p>
</body>
</html>

A co teď, jakou bude mít odstavec barvu? Opět se podíváme na výsledek v prohlížeči.

Pokud však třída a identifikátor nebudou obsahovat stejné vlastnosti, které by se hádaly, můžeme u tagu klidně třídu a identifikátor použít současně.