Nachtrag zum besseren Verständnis
Wenn der Browser bei Anzeige der Seite an diese Stelle kommt:
<p class="bcfc cf00">Grüner Hintergrund, rote Schrift</p>
Dann macht er sich für dieses <p> eine Liste der Eigenschaften, etwa
- linker Randabstand,
- Farbe linker border,
- innerer linker Abstand (padding-left),
- Schriftart,
- Schriftgröße,
...
Viele Eigenschaften des <p> Tags sind im Browser voreingestellt, andere kommen aus deiner CSS- Beschreibung p { ... }
Und dann kommen weitere Eigenschaften aus den zusätzlich angegebenen Klassen. Dabei kann eine bereits definierte Eigenschaft überschrieben werden, etwa die Hintergrundfarbe.
Und wenn die Seite "steht", kann man nachträglich viele Eigenschaften mit JavaScript abfragen und ändern.