Een id doet hetzelfde als een class, alleen mag een id maar 1 keer worden gebruikt. Je hebt vaak maar 1 vak banner, of 1 menu, of 1 main. Dit zijn dingen die je dan beter per id kan aansturen. Een class is hier ook gewoon mogelijk, maar voor de overzichtelijkheid doen we dat niet.
Ook het geven van een id werkt hezelfde als het geven van een class:
[div id="voorbeeld"> tekst [/div>
In tegenstelling tot een class kun je een object maar 1 id geven. Je kunt wel nog een class geven naast een id:
[div id="voorbeeld" class="txtRood"> tekst [/div>
Het plaatsen van een id in je css bestand is dit keer nét niet hetzelfde, bij een class zet je een punt (.) voor de classnaam, bij een id zet je er een # voor:
background: #ABCDEF;
}
en meerdere doe je weer onder elkaar:
background: #ABCDEF;
}
#nogEenVoorbeeld{
background: #123456;
}
Je kunt ook voor het hekje (#) zetten wat voor object het is. Dit is niet nodig, maar wel makkelijk als je later terug door je code zoekt:
background: #ABCDEF;
}