webForumDet fria alternativet

CSS: Ändra background-image på flera CSS-klasser från en CSS-klass

1 svar · 603 visningar · startad av Forsberg

ForsbergMedlem sedan juni 200454 inlägg
#1

Om jag har ex:

.class1 {
  background-image: url('foo.png');
}
.class2 {
  background-image: url('foo.png');
}
.class3 {
  background-image: url('foo.png');
}

Kan jag då ändra bakgrundsbild på ex "class2" och "class3" samtidigt genom att använda mig av :hover på "class1"?

Pseudo-kod:

.class1:hover {
  .class2.background-image: url('bar.png');
  .class3.background-image: url('bar.png');
}

Vill helst kunna lösa det via CSS och undvika Javascript så långt det går.

Tack på förhand!

joserMedlem sedan mars 20021 152 inlägg
#2

Utan att ha html koden du vill styla kan svaret bara bli ett generellt nej. ;)

Men beroende på hur html-koden ser ut finns det antagligen flera olika möjligheter att lösa det.

129 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)