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

CS16.cz | Server site Counter-Strike 1.6

2 990 Kč

0 příhozů

SLEVA !!! – Provizní /affiliate/ weby lvíček.eu a odjezd.eu, včetně hostingu, https a emailů, lze i jednotlivě

6 500 Kč

0 příhozů

ihlas.cz – anketní/hlasovací web s uživatelskými profily 📊

15 000 Kč

0 příhozů

PRODEJ ZISKOVÉHO ONLINE PROJEKTU S VELIKÝM POTENCIÁLEM

1 Kč

0 příhozů

⭐ Největší česká GASTROMAPA ⭐

1 000 Kč

0 příhozů

Poptávky Více

Zvýšení počtu poptávek

Zkušený devops engineer

Poptávám: tvorbu katalogu a webovou prezentaci pro firmu

Poptáváme konzultaci ohledně monetizace vysoce navstěvovaných magazínů

Poptávka: vývoj mobilní aplikace, Praha

Pracovní nabídky Více

Front-End / Back-End online developer

Práce z domu, Praha

70 000 - 85 000 Kč

.NET Developer – energy

Backend vývojář Java/Kotlin

70 000 - 100 000 Kč

IT konzultant/ka

SAP vývojář/developer

Nabídky Více

Crawling a scraping webů

Profesionální vývoj webů na míru – Drupal, Laravel, WordPress

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

🤖 Vývoj webových aplikací s AI – kvalitně a za rozumnou cenu

PPC 👨🏻‍💻 | Vlastníte e-shop?🔥🚀 | ZÁRUKA VRÁCENÍ PENĚZ | 6+ let praxe ✅