CSS 3 Selector – Nadřazený element

verified

(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

verified

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

verified

(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

verified

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

verified

(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

verified

(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

verified

(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.

Prodej Více

SexyZona.cz | Životy pornohereček (web bez nahoty)

2 490 Kč

0 příhozů

Popíjíme.cz | Blog o alkoholu

2 490 Kč

0 příhozů

Espirits.cz – zavedený e-shop s prémiovými destiláty, připraven k okamžitému provozu

30 000 Kč

0 příhozů

GameBoom.eu | HTML 5 Game Portal

2 490 Kč

0 příhozů

Hotový e-shop s e‑booky na míru – WordPress + platební brána + AI obsah

14 900 Kč

0 příhozů

Poptávky Více

Hledá se obchodní parťák pro digitální projekty

Vícejazyčné webové řešení pro restauraci s eshopem na merch

Tvorba produktových videí pro náš eshop s cyklistickým vybavením, Uherské Hradiště

Poptávám aktuální databázi kontaktů ze Slovenska

🚨 Hledám editora krátkých videí 🚨

Pracovní nabídky Více

Full-stack Developer

Práce z domu, Praha

.NET vývojář

SALES MANAGER / BUSINESS PARTNER

Hledáte zkušené Java vývojáře?

Nabídky Více

Redakční služby – redaktor – kvalitní články na míru vašemu webu – velmi levně

🚀 Automatizace a AI pro Váš Byznys – Zvyšte efektivitu, snižte náklady

Webové stránky a e-shopy, které osloví vaše zákazníky. WordPress, Woocommerce, Prestashop, Shoptet

🔥🔥🔥TVORBA STATICKÝCH WEBŮ OD 1800 KČ!!! 🔥🔥

Prodám své know-how pro fungující business (cena 500 000 Kč, rychlá návratnost)