:root : El elemento root, siempre es el elemento html.
E F:nth-child(n) : El elemento F que es hijo n de su padre E.
Ejemplo
See the Pen pseudoclases estructurales I by Bernardo Martin (@bermartinv) on CodePen.
E F:nth-last-child(n) : El elemento F que es el hijo n de su padre E, contando hacia atrás desde el último.
Ejemplo
See the Pen pseudoclases estructurales I by Bernardo Martin (@bermartinv) on CodePen.
E:nth-of-type(n) :El elemento que es el elemento n de su tipo en un elemento padre dado.
Ejemplo
See the Pen pseudoclases estructurales I by Bernardo Martin (@bermartinv) on CodePen.
E:nth-last-of-type(n) :El elemento que es elemento n de su tipo en un elemento padre dado empezando a contar desde el último.
Ejemplo
See the Pen pseudoclases estructurales I by Bernardo Martin (@bermartinv) on CodePen.
E:first-child :El elemento E que es el primer hijo E de su padre.
Ejemplo
See the Pen pseudoclases estructurales I by Bernardo Martin (@bermartinv) on CodePen.
E:last-child : El elemento E que es el último hijo E de su padre.
Ejemplo
See the Pen pseudoclases estructurales I by Bernardo Martin (@bermartinv) on CodePen.
E:first-of-type : Lo mismo que :nth-of-type(1).
E:last-of-type : Lo mismo que :nth-last-of-type(1).
E:only-child : Un elemento que es el único de su tipo dentro de su elemento padre.
E:only-of-type : Un elemento que es el único de su tipo dentro de su elemento padre.
E:not(exception) : Seleccionará elementos que no coincidan con el selector en el parentesis.
Ejemplo
See the Pen pseudoclases estructurales I by Bernardo Martin (@bermartinv) on CodePen.
(odd) / (even) : Esto son los valores que podemos asignar a cualquier pseudoclase. odd nos referiremos para los elementos pares y even nos referimos para los elementos impares.
:nth-column() : Usaremos esta pseudo-clase cuando trabajemos en diseños multicolumna. Nos referiremos a una columna específica.
:nth-last-column() : Usaremos esta pseudo-clase cuando trabajemos en diseños multicolumna. Nos referiremos a una columna contando desde la última.