opgelost CSS hulp gevraagd

Hallo,
ik dacht aardig wat CSS-kennis in huis te hebben, maar ik kom er niet uit.

Het gaat om de volgende site: www.ehbopurmerend.nl/evenementen/
Aan de rechterkant van de pagina heb ik een module van JEvents.
Ik wil graag zowel de evenementen die al geweest zijn als toekomstige evenementen laten zien.
Dat lukt. zie pagina.

Wat ik ook nog zou willen is dat de evenementen die al geweest zijn, er anders uitzien: bijvoorbeeld met een streep erdoor.
In de module heb ik een Custom Format String toegevoegd die in de output van de module ervoor zorgt dat de evenementen die al geweest zijn de class "past" krijgen en toekomstige evenementen krijgen de class "future". Dit heb ik gedaan door toe te voegen.

Vervolgens heb ik de volgende CSS-regel toegevoegd: Dit gaat ook nog goed. Echter alleen het oudste "past" event wordt onderstreept.

Als ik deze CSS-regel toevoeg: worden alle evenementen aangepast, ook die met de class "future".

Ik ben nu al een aantal uren aan het stoeien, maar kom er niet uit.
Wie wil mij hier even mee helpen?
Groet, Peter

Als je een komma gebruikt, betekent dit dat de opmaak voor beide selectors geldt. Alleen is dus voldoende.
En dan moet je er natuurlijk wel voor zorgen dat die regels die je op wilt maken binnen de <span> vallen. Dit gaat dus niet werken omdat er niets in staat:

Als ik de komma weghaal, dus dit ervan maak: dan werkt de css niet.
Ook het eerste event wordt dan niet aangepast.
ik heb de custom-css zowel in de module geprobeerd, als in de template. Ook dat maakt geen verschil.

Lees mijn tweede opmerking!

Hi Astrid,
je hebt helemaal gelijk! Ik had daar overheen gelezen.
Ik heb het aangepast en nu werkt het zoals ik wil.
Gr. Peter