Voor het efficiënter schrijven van CSS-code is het belangrijk de principes van het groeperen van CSS-selectors te begrijpen. Daarnaast is het belangrijk te snappen hoe overerving werkt.
Je kunt meerdere CSS-selectoren dezelfde style geven door ze simpelweg achter elkaar te plaatsen (wel gescheiden door een komma).
HTML-elementen die binnen en ander element vallen, worden wel de kinderen van het overkoepelende element genoemd.
Zo zijn 'li'-elementen de kinderen van 'ul'- of 'ol'-elementen. Een 'li'-element kan zelf weer een 'a'-element bevatten. De 'a' is een kind van het 'li' en een kleinkind van de 'ul' of 'ol'. Familie dus!
Kinderen nemen automatisch de style van hun ouder over. Een 'li' krijgt bijvoorbeeld automatisch dezelfde kleur als aan de 'ul' is toegekend.