ugrás a tartalomhoz

CSS Sibling selector

zoliky · 2007. Feb. 10. (Szo), 14.12
El tudna valaki magyarazni mit csinal a Sibling selector ?
Elolvastam par dokumentaciot de szamomra nem vilagos. Egyaltalan van valami haszna a siblingnek ?
  1. <html>  
  2.     <head>  
  3.     <style type="text/css">  
  4.     <!-- 
  5.     P + P { text-indent: 2em } 
  6.         -->  
  7.     </style>  
  8.     </head>  
  9. <body>  
  10.     <p>one</p>  
  11.     <p>two</p>  
  12.     <p>three</p>  
  13.     <p>four</p>  
  14. </body>  
  15. </html>  
A fenti kodbol csak annyit latok, hogy az elso <p> az normalisan jelenik meg, a tobbi harom egy 2em-es bekezdesel.

Koszonom!
 
1

Valami után következő

Jano · 2007. Feb. 10. (Szo), 16.32
pl: Szeretnéd ha a főcím után következő első bekezdés vastag lenne.
  1. h1 + p { font-weight:bold;}  
Itt pontosan a h1 után következő egyetlen p elemre fog vonatkozni a szabály.

Szeretnéd ha az egymás mellé floatolt képeid között legyen 10px margó, de az első egyből a szélen kezdődjön és az utolsó is pont a szélen vegződjön.
  1. div.gallery img + img { margin-left:10px;}  
Itt minden nem első img elemre fog vonatkozni, mert img(1) + img(2) = img(2) aztan a masodik kep lesz a viszonyítani alap: img(2) + img(3) = img(3) ...
2

koszonom

zoliky · 2007. Feb. 10. (Szo), 19.17
Koszonom, most mar ertem !