Css ben ezt a hovert hogyan?
Van itt egy példa kód: [link]
Azt akarom elérni ha a Table Head alatti div fölé viszem az egeret a Table name alatti div ne kapjon hovert. Hogyan lehet megoldani?





Vagy használd a közvetlen gyerek kiválasztást.
E helyett:
.edit-box .edit-box-body:hover
Írd ezt:
.edit-box > .edit-box-body:hover
Hello, ezt nem oldotta meg a problémát.
.edit-box > .edit-box-body:hover {
background-color: #00cc99;
}
Másik class nem adható neki.





Ja, pont fordítva értelmeztem.
Viszont ez már azt csinálja, amit írtál (más parent):
.edit-box-body .edit-box-body:hover
Ez esetben az egyel kiljebb lévő doboznak nem lesz háttere ha hoverolok. Ha átírom erre akkor ugyanott vagyok ahol elindultam.
.edit-box-body:hover{
background-color: #00cc99;
}
.edit-box-body .edit-box-body:hover {
background-color: #00cc99;
}
Nem olyan egyszerű ez. :)
További kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!