Kundenbewertung Sterne nur mit CSS

[oliverseimo]

Hallo, ich möchte eine Kundenbewertung erstellen mit 5 Sternen, je nachdem wie zufrieden man war, kann man dann so viele Sterne geben wie man möchte.

Ich möchte dass, wenn man mit der Maus z.B. den dritten Stern „anhovert“, dass dieser und sowohl der erste und der zweite Stern eine andere Farbe bekommen. usw…

Was ich bis jetzt gelesen habe, macht man das mit JavaScript. In meinem Fall ist das aber leider nicht möglich. Ich muss nur mit CSS auskommen.

Ich hätte da an Geschwisterelemente mit + und ~ gedacht, hatte aber bis jetzt keinen Erfolg. Auch nth-child habe ich schon probiert.

Ist es möglich, in so etwas nur mit HTML und CSS zu realisieren?

Danke für euer Hilfe!