nth-of-type(3n) funktioniert nicht mit dem mwl- calendar

[Hannes Weninger]

Hallo,

ich verwende den mwl calender in meiner Applikation und möchte in der Tagesansicht die Stunde zwischen 12 und 13 Uhr in einer anderen Farbe darstellen.

mwl Calender

Es handelt sich bei dem Kalender um lauter div container mit der Klasse .cal-day-hour-part. Mein Ansatz war jetzt folgender:

  <style type="text/css">
    .cal-day-hour-part:nth-of-type(3n) {
    	background-color: #f00 !important;
    }
  </style>

Mit .cal-day-hour-part:nth-of-type(2n) funktionierts noch, mit .cal-day-hour-part:nth-of-type(3n) nicht mehr. Weiß jemand wie ich das machen kann, dass das funktioniert bzw. ob es einen anderen Weg gibt, um die Stunde zwischen 12 und 13 Uhr in einer anderen Farbe darzustellen?

Danke! Hannes

[Gunnar Bittersmann]

@@Hannes Weninger

mwl Calender

Grau in Grau?

Es handelt sich bei dem Kalender um lauter div container

Ach du Sch…

Mit .cal-day-hour-part:nth-of-type(2n) funktionierts noch

Was heißt „funktioniert“? Was ist „es“?

LLAP 🖖

[Hannes Weninger]

Plunker

Also mit 2n gehts -> siehe oben der Link - es werden also jeder zweiter div- container rot dargestellt. Ich möchte jetzt nur den div container zwischen 12 und 13 Uhr rot darstellen. Das weiß ich aber nicht wie ich das machen soll.

Danke! Hannes

[Matthias Apsel]

Hallo Hannes Weninger,

Weiß jemand wie ich das machen kann, dass das funktioniert bzw. ob es einen anderen Weg gibt, um die Stunde zwischen 12 und 13 Uhr in einer anderen Farbe darzustellen?

.cal-day-hour.ng-scope:nth-child(7) {
    background-color: red;
}

?

Bis demnächst
Matthias