Duda entre "p#pepito.azul" y "azul #pepito p"

[Mikmoro]

Aun así no estoy del todo de acuerdo con que sea absurdo. Que no aporta nada efectivo al código, eso desde luego, pero también puede ayudar a mantener el orden y la limpieza para futuras ediciones o el manejo por otras personas. Sirve como simple referencia de organización.

En ese sentido, también sería absurdo algo que usamos mucho:

#menu ul {...}
#menu ul li {...}
#menu ul li a {...}
#menu ul li a span {...}

que sería lo mismo que:

#menu ul {...}
#menu li {...}
#menu a {...}
#menu span {...}

(podría no ser lo mismo, pero a efectos de los selectores de arriba, los de abajo funcionarían exactamente igual, y en raras ocasiones usaremos las diferenciaciones en las que estáis pensando).

pero lo mantenemos como arriba por las razones de claridad y limpieza visual que he expuesto.

Y encima, no hay que olvidar que en algunas ocasiones, si no está toda la jerarquía IE6 da errores, así que prefiero poner

h1#pepito {} que #pepito {} (en ese caso, no siempre).