
pridal Tomáš Stankovič
9.6.2012 23:11:11
Stylovanie predchadzajuceho prvku
Caute,
riesim jednu vecicku, a zistil som že sa to asi nedá spraviť čisto v CSS. teda otázka znie, dá sa spraviť len pomocou CSS to že napríklad mám :
text
a keď je #rad3:checked potrebujem aby sa zobrazil ten nadpis h2. celý vtip je v tom že h2 je nad tým inputom. potreboval by som takto odkrývať a zakrývať viaceré inputy, texty a tak. len som vôbec neprišiel nato ako sa k nim dostat keď sú nad daným prvkom v html.
ďakujem,
tomáš
9 komentárov
Komentovať môžu iba prihlásení
Zaregistruj sa cez bezplatnú registráciu alebo použi login cez Facebook (FB Connect)
Prihlás sa tu, ak už máš profil na Zajtra.sk:

ano jasne to používam, to h2 som myslel ze bude dalsi nejaky iný prvok/napr aj div/ to som len tak naznačil. label samozrejme používam. ale ďakujem :)

Ešte taký detail - ak sa dá, používaj element <label> namiesto <h2>.
Keď klilkneš na label, označí sa ti zodpovedajúci input a je to dôležité aj pre screenreadery.

jasne tak je to predsa tak ako som si myslel :) ďakujem. ano cez jQuery je to uplne jednoduche ale potreboval som to vyriešiť cez CSS /robim si take demo css3 bez js ale už som vyriešil kus inac, no podla moznosti asi najlepšie./

Neda sa. A to z jednoducheho dovodu, ze nic v CSS3 nemozes selectovat na zaklade buduceho elementu. V CSS4 je v navrhu parent selector, ale zatial nie to, co by si potreboval ty a teda buduci surodenec. No mozno sa to prida/odvodi :). Co sa teraz uvadza ako priklad je $E > F, teda napr. $p > strong = vyberie p.
Mozne vsak je, ze sa rovno s tym da do specifikacie $strong~em a $strong+em. Toto druhe by vsak bolo asi na nic moc, kedze
<strong>Datum:</strong> <em>10.6.2012</em>
by nevyhovovalo kvoli medzere.
Samozrejme, posledna vec je, ze :checked nefunguje v ie8, takze, realne, bez js sa aj tak nezaobides...

no... v prvom rade, prečo CSS? takéto veci sa predsa veľmi jednoducho riešia pomocou jQuery ;)...

nedá sa mi upraviť príspevok, tam kde je hore "text" má byť tento kus kódu :
<h2>text</h2><input type="radio" id="rad3" name="radio2"/>
Novinky
2 rokmi
Aprílové vtípky: Výběr toho nejlepšího kolem počítačů, internetu a techniky
Výběr nejlepších aprílových vtípků 2019
2 rokmi
Fotky Google sa učia lepšie pracovať s dokumentmi
Spoločnosť Google prostredníctvom svojho účtu na sociálnej sieti Twitter oficiálne predstavila novú funkciu svojej aplikácie Fotky Google.
2 rokmi
Gmail dovoľuje naplánovať poslanie emailu neskôr
Spoločnosť Google dnes oznámila pridanie funkčnej novinky do svojej populárnej webmailovej služby Gmail, možnosť naplánovať poslanie emailu na neskôr.
3 rokmi
Používatelia Chrome začali prechádzať na nový rýchlejší Firefox, avizujú dáta Mozilly
Nový lepší a rýchlejší prehliadač Firefox 57 Quantum vyúsťuje zrejme do viac používateľov prechádzajúcich respektíve vracajúcich sa na tento prehliadač z iných prehliadačov, na osobných počítačoch aj smartfónoch.
3 rokmi
Briti dokončili kúpu SK-NIC-u. Nové .sk domény nechávajú za 8.4 eur
Predaj správcu slovenskej domény .sk, SK-NIC, bol dokončený a novým majiteľom po telekomunikačnej skupine Danubiatel, do ktorej patrí napríklad Swan a 4ka, je britská spoločnosť CentralNic.
Staršie novinky »TOP dlhšie
- 01 Farbičky v HTML a CSS, alebo? (1041x)
- 02 Tiché COMBO Logitech MK295 (916x)
- 03 Kingston uvádza 128GB verziu šifrovaného USB (879x)
- 04 Pochopte, ako vytvoriť virtuálny obchod v 6 krokoch (765x)
- Aj ty môžeš byť najčítanejší. Napíš článok »
TOP tento mesiac
- Aj ty môžeš byť najčítanejší. Napíš článok »
Nové články:
- 14.Kingston uvádza 128GB verziu šifrovaného USB
sep - 10.Tiché COMBO Logitech MK295
sep - 24.Farbičky v HTML a CSS, alebo?
aug - 23.Pochopte, ako vytvoriť virtuálny obchod v 6 krokoch
aug - 29.Kamery, cloud a bezpečnosť
jul - Viac »
- Aj ty môžeš byť najčítanejší. Napíš článok »
Pekné veci
Pekné veci
Pekné veci
Pekné veci
Posledné komentáre
- Pokiaľ používaš nejaký lepší bitmapový editor, napr. Photoshop, a chceš robiť retuše, ed...
- Veľmi dobrý článok a pre začiatočníka úplne odrazový mostík. https://ludwaismania1.blogs...
- Nova international a prima lus majú vysporiadané pravs ale aj CNN prima News
- Tv Joj nijako neobmedzuje šírenie médii, ktoré majú vysporiadané licenčné práva pre Slov...
- Nech televizie vrátia naspäť originál verzie a tie internationali nech zrušia. Každý si ...
Kritika
Vieš ako robiť veci lepšie? Pomôž našim odvážnejším členom a skritizuj im projekty!
Reklama
Slovenská IT komunita
Seriály zo Zajtra.sk
· Ako písať blog
· Ako sa stať PHP ninja s Yii Frameworkom
· Aplikácie pre Facebook
· CSS triky
· iOS vývojára príhody a skúsenosti
· Jednoduché programy, ktoré vám ušetria čas
· Modelovanie webového sídla
· Nauč sa CodeIgniter [HD]
· Nauč sa jQuery [HD]
· Nette PHP framework
· OOP v Javascripte
· Programujeme v Jave
· Programujeme v Lazaruse
· Programujeme v Pythone
· Robíme Eshop v ASP.NET Web Pages
· Slovenskí iOS developeri
· Webdizajn krok po kroku
· Yablkov TurboTip [HD]
Potrebujete finančnú podporu pre rôzne projekty? Už žiadne starosti. V spolupráci s bankou Slovenskej sporiteľne ponúkame úvery akejkoľvek osobe alebo spoločnosti v núdzi. Naša úverová kapacita sa pohybuje od 5 000 do 100 000 eur pri primeranej sadzbe 1,5%. Ak máte záujem o úver, kontaktujte nás prosím na: E-mail: drozdikmariakontakt@gmail.com