En cuestión de CSS Opera suele ir por delante del resto navegadores. En el blog de uno de sus desarrolladores nos adelantan algunos de los selectores, en este caso pseudo-clases, que soportarán sus futuras versiones:
- :root: selecciona el elemento padre del documento, que normalmente será el <html>
- :not(s): representa a todos los elementos del documento excepto aquellos que NO coincidan con el selector "s" (ej.: not(#menu) ).
- :nth-child(n): representa al hijo n de un elemento. Ej.: div:nth-child(2) seleccinará todos los elementos div que sean segundo hijo de cualquier elemento (gracias Federico).
- :nth-of-type(n): representa al hermano n de un elemento. Ej.: div:nth-of-type(2) seleccinará el segundo elemento del div especificado.
- :first-of-type: representa al primer elemento que es el primer elemento de su tipo dentro de la lista de hijos del elemento padre.
- :target
Estos otros elementos están implementados en el núcleo de Opera pero por diversas razones no están aun habilitados
- :empty : representa a un elemento que no tiene ningún tipo de hijo.
- :nth-last-child(n): representa a un elemento que tiene n hermanos después de él.
- :nth-last-of-type(): representa a un elemento que tiene n hermantos del mismo tipo.
- :last-child: represetna al ultimo hijo de un elemento.
- :last-of-type: representa al último hermano de su tipo. Sería lo mismo que :nth-last-of-type(1).
- :only-child: representa a un elemento cuyo padre no tiene ningún otro elemento hijo.
- :only-of-type: representa a un elemento cuyo padre no tiene otro elemento hijo del mismo tipo.
Vía / Slightly Ajar
