Selector descendente
El siguiente selector se aplica a todos los párrafos que se encuentren dentro de un span un color igual a 10px:
p span { color: red; }Selector combinado
El siguiente selector se aplica a todos los párrafos con clase amplio que estén dentro de otro de un div con clase verde, un margen de 40px:
div.verde p.amplio { margin: 40px; }class vs id
Las clases y los identificadores son como los nombres comunes y los propios. Una clase se puede reutilizar para diversos elementos pero uno con id tiene que ser único (class=”montes”, id=”Everest”). No puede haber más que un solo elemento con una determinada id en la misma página, de lo contrario el intérprete del navegador dará resultados imprevisibles.