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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-3-selector-nadrazeny-element/#reply839651

Pro odpověď se přihlašte.

Prodej Více

Bezpečnostní systémy a slaboproudé instalace – zavedená firma s 30letou historií

8 200 000 Kč

0 příhozů

NaBurzu.cz + Na-burzu.cz – 2 atraktivní .CZ domény pro burzy, investování, obchodování a inzertní portály

27 990 Kč

0 příhozů

eshop na prodej pneumatik pro Tesla

50 000 Kč

0 příhozů

Prodej zavedené půjčovny lodí (kanoe, rafty) v jižních Čechách

5 900 000 Kč

0 příhozů

Prodej realhit.cz inzertního portálu

1 900 000 Kč

0 příhozů

Poptávky Více

Poptávka na focení s australským ovčákem v Praze

Poptávka fotografa na párové podzimní focení v exteriéru (rychle)

Poptávka fotografky na newborn focení

Poptávka po vánočních fotkách

Poptávka vánočního focení v Brně

Pracovní nabídky Více

Junior IT Analyst

Hradec Králové, Pardubice

Backend vývojář systémového jádra (C++/Python)

Brno, Práce z domu

Junior Developer Python / Django / AI projekty

Práce z domu, Praha

Junior Project Manager

IT Security Officer

Hradec Králové, Praha

Nabídky Více

Technická analýza Vašeho webu od vývojáře ZDARMA

Linux servery, DevOps, automatizace a AI | 9 let praxe

Hledám spolupráce

Hledám spolupráce

Tvorba webových aplikací a MVP pomocí AI – od nápadu po funkční řešení