Probleme mit Farbe und Tag

[Struppi]

Ich habe folgende Code:

<p id="blau">Die Features sind:

Hier wird vom Browser ein </p> eingefügt und es beginnt ein neues Element <ol>.

<ol><li>Wartbarkeit</li>
      <li>Anpassbarkeit</li>
  </ol>

wenn ich in CSS nun sowas schreibe:

#blau{ color: 0000FF} wird nur die erste Zeile (Die Features sind:) blau dargestellt.

Nich tdie erste Zeile sondern der komplette Inhalt des <p> Elements, aber <ol> hat damit nichts mehr zu tun.

wenn:

#blau P, OL, LI {
color: #216BA5;
}

Das ist nihct das was du willst, du willst:
#blau P,#blau OL, #blau LI {
 color: #216BA5;
}

Wobei blau eine schlechte Bezeichnung für ein Element ist, du solltest nicht beschreiben wie das Element aussieht, sondern welche Bedeutung das Element hat (Stichwort: semantische Auszeichnung)

Struppi.