und wieder einmal eine Grundsatzfrage: Sollte man wo möglich mit Selektoren arbeiten, oder sind Klassen/ID's geeigneter?
ID's:
Code:
<div id="header">
<h1 id="logo">
Seitentitel
</h1>
</div>
Gesetzt der Fall dies ist ein einmaliger Titel --> der Titel der Seite überhaupt.
Eine ID liegt nahe weil es etwas einmaliges ist.
Andererseits gibt es natürlich keinen 2. H1 Tag im header Div weshalb man gerade so gut per Selektoren #header h1 nehmen könnte.
Hätte h1 eine andere Funktion und es gäbe noch weitere h1 Titel im Header Div (die Unterschiedlich formatiert sind) könnte man auch #header + h1 verwenden.
Klassen
Typischer Fall: Man hat eine verschachtelte Navigation mit 2 Ebenen.
Code:
<div class="menu">
<ul>
<li>Test</li>
<ul>
<li>Untermenü</li>
<li>Untermneü</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</div>
Man ann jetzt bequem 2 Klassen machen: .navigation .unternavigation z.B.
Geradesogut kann man das auch alles per Selektoren definieren:
.menu > ul spricht nur navigation an
.menu * ul spricht nur unternavigation an
(.menu * ul li a bzw. .menu > ul > li > a für menülinks)
Was ist weshalb vorteilhaft und warum sollte man es deshalb verwenden?
Danke schon im Voraus