Selectores CSS y jQuery (I). Introducción y selectores simples.

Iniciamos esta serie dedicada a los selectores que se emplean en CSS 3 y en jQuery para referenciar los elementos de un documento web. Todos sabemos, con caracter general, lo que son los selectores. Son identificadores que permiten determinar a que elemento o elementos de una página se va a aplicar un estilo, o se van a ver afectados por una operación. Sin embargo, la mayoría de nosotros estamos muy familiarizados con los selectores que usamos en el día a día, pero no con otros que no usamos a menudo (o que quizá no usamos nunca) y que podrían facilitarnos la vida. En estos artículos pretendemos recopilar todos los selectores que se emplean actualmente, para CSS y para jQuery, a modo de referencia o consulta. No vamos a enseñarte CSS ni jQuery aquí. Damos por sentado que ya te son familiares, en mayor o menor grado. Estos artículos son solo una guía de referencia de los distintos selectores para tenerla a mano.

Selectores CSS y jQuery (III). Pseudo elementos.

En este artículo tratamos un tema con el que no todo el mundo se siente cómodo, pero que nos ayuda mucho a la hora de programar CSS: los pseudo elementos. Se trata de partes complementarias de un elemento que van asociadas a éste y nos permiten manipular determinadas partes de dicho elemento, sin afectar al resto del mismo. Para aclararnos. Supongamos que tenemos un párrafo de texto en el que queremos que la primera línea aparezca en un color distinto al resto del texto, o con un título en negrita precediéndolo. Si bien todo esto puede hacerse mediante código, es mucho más engorroso y, en ocasiones, inviable desde el punto de vista práctico. Los selectores de pseudo elementos nos ayudan a hacerlo de una forma cómoda, rápida y eficiente.