Los combinadores Css son signos gráficos, o caracteres especiales, o palabras o expresiones reservadas utilizados en el nombre del selector para formar los selectores css complejos. Estos selectores css aumentan precisión del selector al relacionar varios de ellos en función de que cumplan alguna condición (que es la definida por el combinador)
Hay cuatro combinadores diferentes en CSS3:
- selector de descendiente (espacio)
El selector descendiente coincide con todos los elementos que son descendientes de un elemento especificado.
Ejemplo:
div p {
background-color: yellow;
}
</style>
Todos los elementos p que pertenezcan al div
El selector child selecciona todos los elementos que son los hijos inmediatos de un elemento especificado.
Ejemplo
Ver Código Ejemplo
- selector de hermanos adyacentes (+)
Selecciona el elemento "adyacente" o sea "inmediatamente después" del elemento antes del signo + del selector.
Igual que el anterior, pero en vez de seleccionar un elemento hermano adyacente los selecciona a todos los hermanos.
