Diskuze: css: ovlivnění více prvků zaktivněním jednoho

HTML a CSS HTML a CSS css: ovlivnění více prvků zaktivněním jednoho American English version English version

Aktivity (1)
Avatar
kxmx
Redaktor
Avatar
kxmx:21.5.2013 13:50

Zdravim prosím o radu jak se v css dá udělat např. že po najetí myši na box1 se změní barva pozadí box2?

 
Odpovědět 21.5.2013 13:50
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na kxmx
David Čápka:21.5.2013 13:59

Pokud spolu nějak souvisí, tak ano. box2 musí být vnořený nebo následovat třeba po box1. Pokud ne, tak si nejsem jistý, jestli to lze.

Nahoru Odpovědět 21.5.2013 13:59
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Kit
Redaktor
Avatar
Odpovídá na kxmx
Kit:21.5.2013 14:06

Jde to nastavit v CSS přes Javascript. Umí to i jQuery.

Nahoru Odpovědět 21.5.2013 14:06
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Michal Žůrek (misaz):21.5.2013 14:08

1.) jde to přes javascript :)
2.) v css to taky jde, ale boxy misí být v sobě.

Nahoru Odpovědět 21.5.2013 14:08
Nesnáším {}, proto se jim vyhýbám.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Honza Bittner:21.5.2013 14:53

přesně jak psal misaz ... v css musí být v sobě .. avšak tyto věci se dělají spíše přes JS, kde jen přidáš třídu .. :))

Nahoru Odpovědět 21.5.2013 14:53
Student FIT ČVUT. Followuj mě na https://twitter.com/tenhobi a ptej se na https://github.com/HoBi/ama.
Avatar
kxmx
Redaktor
Avatar
kxmx:21.5.2013 14:54

díky chápu právě jsem dneska viděl jakési menu kde vpravo bylo několik obrázků a vlevo stejný počet divů a po najetí na nějaký obrázek se změnila barva souvisejícího divu s popiskem tak jsem přemýšlel jak to řešit čistě přes css.

když tedy mam <div class="box1"><div class="box2"></d­iv></div> jaká je přesná syntaxe abych boxem1 ovlivnil dvojku nebo naopak

 
Nahoru Odpovědět 21.5.2013 14:54
Avatar
kxmx
Redaktor
Avatar
kxmx:27.5.2013 10:12

tak ještě aby to doplnil a mohl to uzavřít, toto my nebylo jasné
.box1:hover .box2 {}

 
Nahoru Odpovědět 27.5.2013 10:12
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na kxmx
David Čápka:27.5.2013 10:17

No to označí box2 v případě, že je hover na box1 :P

Nahoru Odpovědět 27.5.2013 10:17
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
kxmx
Redaktor
Avatar
kxmx:27.5.2013 10:31

jasný to už je jedno... já se neučim css z knížek ale ze zdrojáků a toto jsem nikdy neřešil ani se s tím nesetkal proto jsem si nedovedl představit jak to zapsat. je to absurdní, ale je to tak :D

 
Nahoru Odpovědět 27.5.2013 10:31
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.