Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

CSS 3 Selector – Nadřazený element

Jan Mikoláš
verified
rating uzivatele
(13 hodnocení)
7. 12. 2012 20:55:58
Zdravím,
potřeboval bych poradit.
1) Po najetí myší vybrat nadřazený element
2) Po najetí myší vybrat element, který je umístěn výše
http://prace.tonechces.eu/parent.html
P.S.: Jestli je to jde čistě pomocí HTML 5+CSS 3 udělat, tak mě prosím neodkazujte na nějakou stránku, ale rovnou to ukažte na parent.html.
Děkuji za všechny odpovědi.
7. 12. 2012 20:55:58
https://webtrh.cz/diskuse/css-3-selector-nadrazeny-element/#reply839657
Jan Stejskal
verified
rating uzivatele
(7 hodnocení)
8. 12. 2012 00:07:44
Parent = rodič, tedy nadřazený element, ten vybrete pomocí znaku >
To co chcete označit ale není rodič. A bez úpravy html nebo bez skriptu to nelze.
8. 12. 2012 00:07:44
https://webtrh.cz/diskuse/css-3-selector-nadrazeny-element/#reply839656
Jan Mikoláš
verified
rating uzivatele
(13 hodnocení)
8. 12. 2012 01:17:02
Určitě jste si všiml, že v jednom je a v jednom není, to co chci označit, označen jako rodič. S > jsem si zkoušel hrát už předtím, ale vše bez nějakého úspěchu. Četl jsem toho velmi, zkoušel jsem a hrál si s tím několik hodin. Jak jsem psal, prosím o sestavení CSS pro podobnou zvolenou strukturu. Toto mi bohužel nepomůže v řešení problému, přesto děkuji za odpověď.
Ještě tedy zjednoduším ten příklad:
1) Po najetí myší na span, nastavit div {color:red;}.
2) Po najetí myší na span, nastavit div {color:red;}.
Naopak, tedy po najetí na div, vybrat span, který není součástí toho divu a je umístěn v dokumentu níže jde provést.
8. 12. 2012 01:17:02
https://webtrh.cz/diskuse/css-3-selector-nadrazeny-element/#reply839655
Jan Stejskal
verified
rating uzivatele
(7 hodnocení)
8. 12. 2012 03:02:22
To co chcete, nelze. Vyřešte to skriptem. Snad je to nyní srozumitelnější :)
8. 12. 2012 03:02:22
https://webtrh.cz/diskuse/css-3-selector-nadrazeny-element/#reply839654
Jan Matoušek
verified
rating uzivatele
(12 hodnocení)
8. 12. 2012 09:28:24
použij jQuery, pomocí CSS tohle neuděláš
1: http://jsbin.com/ayuvah/1/edit
2: http://jsbin.com/ohenow/1/edit
8. 12. 2012 09:28:24
https://webtrh.cz/diskuse/css-3-selector-nadrazeny-element/#reply839653
Jan Mikoláš
verified
rating uzivatele
(13 hodnocení)
8. 12. 2012 09:59:30
Napsal Jan Matoušek;879584
použij jQuery, pomocí CSS tohle neuděláš
1: http://jsbin.com/ayuvah/1/edit
2: http://jsbin.com/ohenow/1/edit
V jQuery je to jednoduché. Jinak dvojku jste přehodil. To co máte ve dvojce, jde udělat v CSS.
Zajímalo mě zda je něco takového možné udělat i jen za pomocí CSS. Děkuji za odpověď.
Nejspíše jediným možným řešením je vytvořit duplicitu elementu, kterou zobrazím při najetí myši.
8. 12. 2012 09:59:30
https://webtrh.cz/diskuse/css-3-selector-nadrazeny-element/#reply839652
Jan Matoušek
verified
rating uzivatele
(12 hodnocení)
8. 12. 2012 10:17:12
to máte pravdu. Ale u 1 prostě parent bohužel zjistit v css nelze.
A je to vůbec nutné mít v css? Dnes se běžně využívá javascript a pokud by nebyl potřeba pouze pro ten hover, tak bych se vůbec nebál ho použít.
8. 12. 2012 10:17:12
https://webtrh.cz/diskuse/css-3-selector-nadrazeny-element/#reply839651
Pro odpověď se přihlašte.
Přihlásit