CSS i bratski cvorovi

[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 ?

[kodi]

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]

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 :/

[RAGE]

<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

[dee]

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]

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:

<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?

[dee]

vjerojatno ce ti ovo u buducnosti pomoc za takve stvari...

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

ali to je css3