webForumDet fria alternativet

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

HTML & CSS

1 svar · 603 visningar · startad av Forsberg

Medlem sedan juni 200454 inlägg
Frågan#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!

Medlem 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.

268 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)