6 Id maken (enkel object)

6.1 Wat is een id?

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.

6.2 Een object een id geven

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>

6.3 Het id in je css plaatsen

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:

#voorbeeld{
  background: #ABCDEF;
  }

en meerdere doe je weer onder elkaar:

#voorbeeld{
  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:

div#voorbeeld{
  background: #ABCDEF;
  }

Deze cursus is afkomstig van Cursus CSS
Het is verboden zonder schriftelijke toestemming deze pagina in welke vorm dan ook te publiceren.