Pseudoclases y pseudoelementos

Las reglas de estilo se aplican normalmente a un elemento según su posición en la estructura del documento; sin embargo, en las hojas de estilos en cascada se usan los conceptos de pseudoclases y pseudoelementos para permitir dar formato en función de la información existente fuera del árbol del documento. Los pseudoelementos sirven para identificar subpartes de elementos (como :first-letter o :first-line), mientras que las pseudoclases clasifican los elementos según otras características diferentes del nombre, los atributos o el contenido (como :first-child, :visited o :hover). Las pseudoclases son generalmente dinámicas, en el sentido de que un elemento puede adquirir o perder una pseudoclase mientras un usuario interactúa con el documento.

p:first-child:first-line {text-transform: uppercase;}

[!NOTA]

Al combinar los elementos de un selector, se debe especificar en primer lugar el selector de tipo y en último lugar el pseudoelemento. Los demás elementos (clase, Id. y pseudoclase) pueden aparecer en cualquier orden.