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 ?
<html>
	<head>
	<style type="text/css">
	<!--
	P + P { text-indent: 2em }
        -->
	</style>
	</head>
<body>
	<p>one</p>
	<p>two</p>
	<p>three</p>
	<p>four</p>
</body>
</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.

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.

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 !