du kannst auch direkt von nem element aus beginnen;
der ">"-selektor stellt immer eine eltern-kind-verbindung her;
beispiele:
*.css-file
body>p {
color: red;
}
dazugehörige html-datei
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<p>test1</p>
<div>
<p>test2</p>
</div>
</body>
</html>
in obigem fall, würde nun nur test1 rot dargestellt, da die bedingung nur auf die p-elemente zutrifft, welche den body-tag direkt als eltern-tag haben; test2 dagegen nicht, da p ein kind von div ist;
dagegen würde eine *.css mit nachfolgendem inhalt bewirken, dass alle p-elemente innerhalb des body-tags die farbe blau hätten:
body p {
color: blue;
}
natürlich kannst du auch von klassen und id's aus auf unterelemente verzweigen;
deinen verschachtelungsphantasien sind somit keine grenzen gesetzt und du musst kein einziges template-file umarbeiten;
hoffe das hilft dir weiter, kannst ja n feedback geben;
Zuletzt modifiziert von sCoRpIoN am 10.12.2007 - 20:40:02