Ik heb een div element, met daarin een input[type=text], een select, en een textarea.
Ik wil dat alle inputs, selects en textarea's een breedte hebben van 200px;
dus doe ik:
/*
.contaner is de div
*/
.container input[type=text], .container select, .container textarea {
width: 200px;
}
Die selector regel vind ik erg lang, en ik moet steeds hetzelfde herhalen.
Is er ook een manier zoals:
*De* optie om het korter te maken is alle elementen binnen de container die die stijl moeten hebben een nieuwe class te geven en dan de stijl aan die class te hangen. Dan kan je selector zo kort zijn als twee tekens (.a). Of het een handige optie is is heel iets anders....
*De* optie om het korter te maken is alle elementen binnen de container die die stijl moeten hebben een nieuwe class te geven en dan de stijl aan die class te hangen. Dan kan je selector zo kort zijn als twee tekens (.a). Of het een handige optie is is heel iets anders....
Dat is inderdaad korter. Maar evenzo is de vraag of je dat wil. Je zou de HTML in principe zo schoon mogelijk moeten houden, Jan, inclusief zo min mogelijk id's en klassen.
