Programación en Internet

Blog de la asignatura de la titulación Ingeniero en Informática

Mantén los selectores cortos

| 0 comments

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í”.

Author: Sergio Luján Mora

Profesor del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante (España). Interesado en el desarrollo y la accesibilidad web.

Deja un comentario

Required fields are marked *.