| ivanhoe |
07. 08. 2006. 02:49 |
CSS i bratski cvorovi
da li postoji neka sintaxa za CSS selektore da moze da se selektuje jedan od siblinga, zavisno od toga ko su mu 'braca', ali nevezano za redosled u source-u ? Znaci, na primer, ne zanima me da selektujem img koja je odmah iza p (kao selektor: p+img) nego da selektujem img koja ima sibling p bilo da je neposredno pre ili iza , ili da je ko zna gde, a na istoj dubini stabla ?
|
Citat:
Originalno napisao ivanhoe
da li postoji neka sintaxa za CSS selektore da moze da se selektuje jedan od siblinga, zavisno od toga ko su mu 'braca', ali nevezano za redosled u source-u ? Znaci, na primer, ne zanima me da selektujem img koja je odmah iza p (kao selektor: p+img) nego da selektujem img koja ima sibling p bilo da je neposredno pre ili iza , ili da je ko zna gde, a na istoj dubini stabla ?
|
nisam siguran da sam te razumeo, jel moze par linija koda kao ilustracija...
a ako te jesam razumeo onda mislim da to moze jedino preko JS... |
| ivanhoe |
07. 08. 2006. 02:58 |
ajd da pricam sam sa sobom malo :)
Dakle provalio sam da moze da se pise p+img, p+*+img i da to simulira ovo sto sam ja hteo... i dalje stoji pitanje da li postoji oficijelna, elegantnija sintaxa za ovo ?
I da li je moguce selektovati recimo img koji se nalazi ISPRED p ?
EDIT: @kodi: sad sam tek video poruku. Nesto citam o CSS, pa zato pitam, nije neki konkretan problem u pitanju. Ali evo jedan primer: Imas 2 slike koje nisu nuzno jedna pored druge u source-u, ali su u istom kontejneru i zelis da ih odvojeno stiliziras. Obican + u selekoru tu ne radi posao.
EDIT 2: Ova moja fora sa zvezdicom (jednom ili vise) zapravo i ne radi bas, to jest radi samo ako znamo tacno koliko ima elemenata izmedju ona dva koja gledamo :/
|
HTML kôd:
<div id="nešto">
<p><img src="neki link" />
<br />
<img src="vototo" />
</p> </div>
Jel' tak' nešto? Kak' misliš ispred p? De malo pojasni :o |
tesko da bi to moglo ici... jer ga jednostavno nema po cemu selektirati -> niti znamo ID niti class niti mjesto gdje se nalazi, a to sto je neciji child mu je zajednicko sa ostalim siblinzima istog tipa.
jedino sto mi pada na pamet je da ih razlikujes po vrijednosti nekog atributa -> http://www.w3.org/TR/CSS21/selector....bute-selectors
PS.
ako nije tajna - za sta ce ti to? ili drugim rijecima, sto ne jednostavno id="bla"? |
| ivanhoe |
07. 08. 2006. 13:10 |
Citat:
Originalno napisao dee
ako nije tajna - za sta ce ti to? ili drugim rijecima, sto ne jednostavno id="bla"?
|
ma uzeo sam da citam nesto oko specifikacije, advanced selectors in CSS2, pa pokusavam da shvatim sta moze, a sta ne moze sa tim da se uradi. Pretpostavljam da ce uskoro da bude podrske za sibling selektore i u IE, pa ce onda to postati aktuelno za razne stvari.
@rage: ispred u smislu da se pojavljuje u kodu neposredno pre drugog elementa, a na istom nivou u stablu (sibling node, odnosno imaju istog parenta). Npr:
Kôd:
<div id="nešto">
<img src="prva" />
<p>A</p>
<p>B</p>
<img src="druga" />
</div>
Znaci imas 2 slike i 2 paragrafa koji su braca, e sad paragraf B je "ispred" slike, a prva slika je "ispred" paragrafa A. Koliko vidim u CSS2 specifikaciji predvidjen je selektor za "iza" + (tipa nadji sliku neposredno iza paragrafa je p+img), ali nisam nasao da postoji obrnuti selektor za "ispred" ? Pa pitam jel to postoji, ili ne...
a drugo pitanje je bilo da li moze da se nadje druga slika u "nesto" kontejneru, bez da znam da je ispred nje bas <p>, nego cisto kao img koji vec ima jedan sibling img ispred... Tako da cak i ako promenim redosled elemenata, tipa dodam npr. formu ispred druge slike, CSS za drugi img tag ostaje u vaznosti.
Jel sad malo jasnije sta mislim? |
| Vreme je GMT +2. Trenutno vreme je 01:42. |
|
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.
