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

[Jonathan]

Hallo,

Richtig?

Nein.

Mal als Beispiel deines Codes:

#inhalt p { /* Spezifität: 0101 */
   font-size: 1em;
   line-height: 1.5em;
   color: black;
   }

.klein { /* Spezifität: 0010 */
   font-size:66%;
   }

Wie man sieht, ist der obere Selektor spezifischer. Das heißt, dass im Zweifelsfall die obere Angabe Vorrang hat.

Das Problem kannst du, wie schon gesagt, lösen, indem du entweder die Spezifität des unteres Selektors erhöhst (z.B. durch "#inhalt .klein", was die Spezifität 0110 hätte und somit spezifischer wäre) oder indem du einfach die Angabe font-size:1em im oberen Bereich entfernst (die sowieso m.M.n. überflüssig ist).

Jonathan