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

Prodám domény jistykup.cz a fun4print.cz.

5 000 Kč

0 příhozů

Dva affiliate /provizní/ weby včetně hostingu, HTTPS a emailů

8 980 Kč

0 příhozů

Prémiová třípísmenná doména MZP.sk (historie od 2007)

1 199 Kč

0 příhozů

warszawa.cz PA47 DA 30

1 499 Kč

0 příhozů

Predám e-shop SK/CZ „eskalepky.sk“ – autodoplnky / bez konkurencie

2 400 €

0 příhozů

Poptávky Více

🚀 Hledám společníka pro startup s milionovým potenciálem

Vývoj platformy pro zpracování účetnictví a daní

Poptávám: opravu webu, správu reklam na Google ads

Parťák pro rozjezd podnikání

Projekt pro přepis aplikace do .NET 9.0/10.0 Razor pages

Pracovní nabídky Více

Šikovný IT Specialista 👨‍💻 | klidná firma, kariérní růst & fajn tým (M/Ž)

95 000 - 100 000 Kč

SRE Linux Admin

Práce z domu, Praha

Hledáme školitele pro Kyberbezpečnost a Umělou inteligenci (AI)

Olomouc, Opava, Ostrava, Pardubice, Plzeň, Praha, Ústí nad Labem, Zlín

Práce z domova: Hledá se podpora chatu

IT koordinátor

90 000 - 100 000 Kč

Nabídky Více

✨ Weby a grafika, které dělají dojem i výsledky

[OpenServis] Vyladěný PrestaShop hosting pro maximální rychlost běhu PS

Sportovnivozy.cz + Rajaut.cz + Rajveteranu.cz – bannery a články

Migrácie WP a nastavenie AI asistentov (zapier, make, makro v exceli a pod.)

Správa Google Business profilu – vytvořím vám bezplatný audit.