CSS Selector Tabla Resumen
| No | Elementos | Sintaxis CSS Selector |
|---|---|---|
| 1 | id | etiqueta#id |
| 2 | class | etiqueta.class |
| 3 | Valor de los atributos | etiqueta[atributo=valor] |
| 4 | Nombre de la etiqueta | etiqueta |
| 5 | Múltiples atributos | etiqueta[atributo1 = ‘valor atributo1’] [atributo2= ‘valor atributo2’] |
| 6 | Valor de los atributos que coinciden parcialmente |
etiqueta[atributo^="valorconquecomienza"] etiqueta[atributo$="valorconquetermina"] etiqueta[atributo~="palabra"] etiqueta[atributo*="subcadena"] |
| 7 | Elementos hijos |
:first-child :last-child :nth-child(X) :only-child |
| 8 | Elementos de un tipo específico en una posición determinada |
etiqueta:first-of-type etiqueta:last-of-type etiqueta:nth-of-type(X) etiqueta:only-of-type |
| 9 | Elementos descendientes | ancestro * descendiente |
| 10 | Elementos hermanos |
hermano1 + hermano2 hermano1 ~ hermano4 |