Aquí tienes una guía visual de los selectores de CSS más populares.
Los selectores de CSS son patrones utilizados en CSS para seleccionar y diseñar elementos HTML en una página, lo que nos permite dictar cómo se aplican los estilos a elementos HTML específicos.
Junto con los selectores CSS tradicionales, también tenemos pseudoclases y pseudoelementos. Las pseudoclases nos permiten definir estilos basados en el estado de un elemento o su relación con otros elementos. Piense en cosas como pasar el cursor sobre un botón o seleccionar el primer elemento de una lista. Las pseudoclases comienzan con dos puntos (:).
Por otro lado, los pseudoelementos le dan el poder de apuntar y diseñar partes específicas de un elemento, como su primera línea o antes y después de su contenido. Los pseudoelementos comienzan con dos dos puntos (::).
Esta guía le sirve como mapa, detallando y visualizando estos selectores esenciales.
P.D.: Es posible que también quieras consultar otras herramientas y referencias populares, como la referencia SVG, el selector de color y el generador de paleta de colores.
Via: https://twitter.com/carmenansio @carmenansio