CSS: Einzelne Zeilen im <pre> ansprechen?

[Linuchs]

Du bist hier so lange dabei, dass du wissen solltest, dass CSS-Regeln nur auf HTML-Elemente und ihren Inhalt anwendbar sind.

Ja, Inhalt. Zeilen sind Inhalt von <pre>. Hätte ja sein können, dass es Pseudo-Elemente gibt, ich bin ja kein CSS-Lexikon. Und wie ein Zauberer mit dem richtigen Spruch "Simsalabim" umgeht, klappt es zumindest für die erste Linie mit "::first-line".

Wäre nun nicht so ein Weltwunder, wenn man auch die 10. Linie ansprechen könnte. Aber der Spruch "::nth-of-line(10)" tut's nicht:

pre::first-line {
  background-color: #fdd;
}
pre::nth-of-line(10) {
  background-color: #fdd;
}

Ich möchte zu einem farbigen Kalender kommen in der Größe drei A4-Blätter nebeneinander wie hier, nur die Wochentage sollen nicht versetzt sein.

Um zu schauen, wie das geht, habe ich "mal eben" mit <pre> ein Muster gemacht. Jetzt geht's weiter mit <table>.

So eine Tabelle sieht im Quellcode nicht sehr üersichtlich aus, zumal noch Einträge bei vielen Tagen hineinkommen. Habe überlegt, das mit PHP zu machen, scheint aber auch nicht schneller zu gehen.

Linuchs