Kezdőoldal » Számítástechnika » Programozás » Van két linkem (anchor), A-ra...

Van két linkem (anchor), A-ra húzva az egeret szeretném, ha B-nek megváltozna a háttere? CSS

Figyelt kérdés

Úgy néz ki, hogy van két anchorom, A legyen "Kattints ide!", B pedig egy menüpont, legyen ez "Kapcsolat".

Azt szeretném elérni, hogy a "Kattints ide!" szövegre húzva az egeret, piros háttere legyen a "Kapcsolat" menüpontnak. Ezt hogyan lehetne megoldani sima CSS-sel?


2020. márc. 15. 17:22
 1/9 anonim ***** válasza:

A html feltételezem megvan.


.button {

/* ide jön maga a gomb kinézete normál állapotban */

}


.button:hover {

border: 2px solid #ff44336;


/* Ez pedig az, hogy piros keret lesz amikor ráhúzod az egeret */


}


Azt hiszem így jó lesz.

2020. márc. 15. 18:39
Hasznos számodra ez a válasz?
 2/9 anonim ***** válasza:

Jajj, bocsi. Egy előző kérdés miatt a gombok voltak a fejemben. Valaki írja már át neki légyszi 😅😅


(Bár ebből szerintem neked is menni fog)

2020. márc. 15. 18:41
Hasznos számodra ez a válasz?
 3/9 anonim ***** válasza:

Hover alatt cseréld ki "background-color: red;" -re amit odaírtam.

Meg a buttont nyilván az id-ra amire használni akarod.

2020. márc. 15. 18:43
Hasznos számodra ez a válasz?
 4/9 A kérdező kommentje:

Hogyha .a:hoverre teszem a bordert, akkor .a-nak lesz piros kerete..

De én azt akarom, hogy ha.a-ra hoverelek,akkor.b-nek változzon a css-e...

Ennél jobban nem tjdom le egyszerűsíteni basszus :D

2020. márc. 15. 18:43
 5/9 anonim ***** válasza:
De várj, annak mi értelme, hogy pont azt jelölöd ki ráhúzáskor, amit nem is jelölsz ki? Vagy ezzel a piros háttérrel a kizárását akarod mutatni?
2020. márc. 15. 18:46
Hasznos számodra ez a válasz?
 6/9 A kérdező kommentje:

Na, jó úton járunk!

Igen :D

2020. márc. 15. 18:56
 7/9 anonim ***** válasza:
Akkor sok sikert hozzá 🥰❤
2020. márc. 15. 19:05
Hasznos számodra ez a válasz?
 8/9 anonim ***** válasza:

CSS-ben jelenleg nem nagyon lehet olyat megcsinálni, hogy egy elemre húzod az egeret, és egy másik elemmel történik valami. A legtöbb amire tiszta CSS-el képes vagy, hogy egy elem gyermekére határozol meg valami CSS rule-t, pl van egy <p> tag-ed, és a benne levő <a> tagek színét meg tudod változtatni, ha a <p> tagen belülre mozgatod az egeret így:


p:hover a{}


Ha viszont azt akarod, hogy két egymástól független elem között legyen kapcsolat, azt JS nélkül nem fogod megugrani.

2020. márc. 15. 19:11
Hasznos számodra ez a válasz?
 9/9 A kérdező kommentje:
JS-sel megoldottam. De hogyha egymás "mellett" (alatt) vannak, (operátor: "~" ) akkor el lehet érni azt, amire gondoltam. A probléma az, hogy nem egymás mellett vannak xD Itt jön képbe a JS.
2020. márc. 15. 20:12

Kapcsolódó 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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!