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

Předám nevyužitou firmu bez aktivity

1 Kč

0 příhozů

Prodám doménu Starflix.sk – DR 56, žádné spamové skóre!

1 299 Kč

0 příhozů

ITmix | Zavedený výdělečný affiliate projekt s kvalitním obsahem a mezinárodní expanzí

1 111 Kč

0 příhozů

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

1 699 Kč

0 příhozů

🔞 Ziskový e-shop s erotickými pomůckami

1 000 Kč

0 příhozů

Poptávky Více

🔧 Hľadám šikovného web developera na projekt zameraný na AliExpress!

Fresha rezervační systém

Hledám realitního tipaře pro naši realitní kancelář

Koupím starší Gmail účty

Poptávka: webové stránky, Ledeč nad Sázavou

Pracovní nabídky Více

Vývojář / Procesní inženýr s LabVIEW

60 000 - 90 000 Kč

𝗧𝗲𝘀𝘁 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿

Práce z domu, Praha

.NET Developer (ECS)

Nabídky Více

Výprodej domén

⚡Webové stránky rychle, kvalitně a za skvělou cenu⚡ 3999,-Kč

Osobní přístup, žádná agentura – Marketingové služby, které nakopnou váš business

AI živý operátor pro vaše podnikání!

Úprava a správa XML feedů v aplikaci Mergado a Napojse, Shoptet, Marketplace, Amazon, Kaufland , Allegro a další.