Muy interesantes los consejos que podemos encontrar en el artículo Keep your CSS selectors short.
¿Qué es mejor?
html body .header .nav{}.nav{}¿Qué es mejor?
.widget{}.widget > h2{}Bueno, está claro que dependerá de la situación y de lo que queramos conseguir, pero en general, lo que nos explica este artículo es que cuanto más corto y genérico sea un selector en CSS, más compatible será, más portable y fácil de reutilizar será y, por tanto, será mucho mejor que usar selectores muy largos y específicos que sólo sirven para una parte muy concreta de una página web.
El autor de este artículo enuncia las siguientes ventajas de optar por selectores cortos, y las explica una a una:
- Aumenta la eficiencia del selector.
- Reduce la dependencia de la ubicación.
- Aumenta la portabilidad.
- Reduce las posibilidades de rotura de selección.
- Disminuye la especificidad.
- Puede hacer que el código más permisivo.
Bueno, esto es sólo una opinión, seguro que otro desarrollador web puede opinar lo contrario. Pero lo importante es tener una opinión, es decir, tener argumentos para defender una forma de actuar, y no simplemente “lo hago así porque sí”.
