#inhalt p {...} mit .class überschreiben nicht möglich?

[michaah]

im stylsheet existiert (u.a.):

#inhalt {
   margin: 3em auto;    /* standardkonforme horizontale Zentrierung */
   background: #FBEDC1;
   width: 66%; height: 100%;
   color: #000; }

#inhalt p {
   font-size: 1em;
   line-height: 1.5em;
   color: black;
   }

.klein {font-size:66%;}

Im entsprechenden <div id="inhalt>" gelingt es nun nicht mit

<p class="klein">text soll kleiner werden</p>

die fontgröße abweichend von der vorgabe entsprechend zu verkleinern.

<p style="font-size:66%">text soll kleiner werden</p>

funktioniert jedoch.

Dazu die allgemeine frage:
Gibt es einen nachvollziehbaren grund, warum eine class keine wie oben verschachtelten zuweisungen überschreiben kann. Geht das grundsätzlich nicht oder mache ich etwas falsch?