| Autor | Zpráva | ||
|---|---|---|---|
| Honza Václavík Profil * |
#1 · Zasláno: 11. 11. 2012, 01:54:49
Jak se dá udělat v CSS to, že kdyz mám nějaky element A, na který najedu, tak chci obarvit úplně jiný element B, který není v hierarchii pod A… tj nejde udělat A:hover B …
Hierarchie může vypada takhle: B
div
div
APřijde mi, že to nejde, není na to žádný operátor. Je možné to nějak udělat případně jinak? |
||
| Kcko Profil |
#2 · Zasláno: 11. 11. 2012, 02:26:02
Pomocí javascriptu
|
||
| juriad Profil |
#3 · Zasláno: 11. 11. 2012, 09:03:24
v css to opravdu nejde
|
||
| jenikkozak Profil |
#4 · Zasláno: 11. 11. 2012, 09:17:35
juriad:
„v css to opravdu nejde“ Pokud by prvky B a div měly společného rodiče, jde to i v CSS. |
||
| juriad Profil |
#5 · Zasláno: 11. 11. 2012, 09:23:50
jenikkozak:
OK, oni ale mají, dokonce dva: html a body prosím, vyveď mě z omylu a ukaž nám, jak to jde |
||
| jenikkozak Profil |
#6 · Zasláno: 11. 11. 2012, 09:27:40
<!DOCTYPE html>
<style>
#A,#B{color:blue}
#rodic:hover #A{color:red}
#rodic #A:hover{color:blue}
</style>
<div id="rodic">
<div id="A">Prvek á</div>
<div id="B">Prvek bé</div>
</div> |
||
| mimiru Profil * |
#7 · Zasláno: 11. 11. 2012, 09:52:11
jenikkozak:
#rodic:hover #A{color:red} #rodic #A:hover{color:blue} - tohle mění v obou případech element A ale on chce po najetí na #A měnit styly pro #rodič což pokud vím v současné době pomocí css nelze v css4 se něco chystá |
||
| jenikkozak Profil |
#8 · Zasláno: 11. 11. 2012, 10:07:44
mimiru:
„- tohle mění v obou případech element A“ Ano. Při najetí na rodiče změní prvek A barvu na červenou. Při najetí na A se A přebarví „zpět“ na modrou.
Já jen přehodil A za B (oproti zakládajícímu příspěvku). Záleží ale na vnitřních okrajích toho rodiče (a vnořených divů), zda prvek A tvoří zbytek z rodiče po odečtení B.
Chtěl jsem ukázat, že v některém případě se to udělat dá. A protože neznáme podrobnosti, nemůžeme CSS striktně vyloučit. (Ponecháme-li stranou fakt, že i ten JS by zřejmě stejně jen měnil CSS.) |
||
|
Časová prodleva: 11 let
|
|||
0