Een ID mag je maar een keer gebruiken op een pagina. Anders is het niet uniek. Om dus op een pagina meerdere labels met de class 'loginscherm' te stylen is je CSS zo:
label.loginscherm {
}
En in je HTML gebruik je gewoon <label class="loginscherm">.
Ik heb gehele documenten opgezet met id :$
Dus goed dat je dat toelicht :P Maar jou optie had ik ook aangegeven *ik ben geen css held, nooit geweest XD*
@wesley Dit document legt wel redelijk uit wat id's zijn binnen HTML.
Verder zie ik mijn oplossing niet bij jou staan. Wel #label.loginscherm. En dat betekend in CSS weer het element met id 'label' en class 'loginscherm'.
CSS in het kort: p {} - Stylen van de p-tag, door het hele document #iets {} - Stylen van element met id 'iets' .iets {} - Stylen van alle elementen met class 'iets' p.iets {} - Stylen van de alle p-tags met de class 'iets' p#iets {} - Stylen van de p-tag met het id 'iets' p span {} - Stylen van een span-tag in een p-tag, door het hele document p.iets span.anders {} - Stylen van een span-tag met class 'anders' in een p-tag met de class 'iets'
Laat ik gelijk nog een vraag stellen als jullie het niet erg vinden:
Hoe kan je het beste je css document indelen als het een beetje erg groot wordt? Dus in welke volgorde en welke groepjes kan je het beste vormen binnen een css document? En wanneer kan je beter aparte css documenten gebruken ipv 1?
Er is geen vaste regel voor maar wat ik vaak doe is twee stylesheets maken. Eentje voor de layout (boxmodel, kleurgebruik etc). En eentje voor de tekst, afbeeldingen en elementaire opmaak.