Selector descendente p span.colorado
El selector p span.colorado aplica únicamente a spans con clase colorado que estén dentro de un párrafo. El span fuera del párrafo no se ve afectado.
Este párrafo contiene selectores descendientes.
Span sin clase (no afectado)
Más texto con span.colorado dentro del p (color rojo)
Otro span sin clase
Texto fuera del párrafo con
span.colorado fuera del p (no afectado)Selector descendente ul#listado li
El selector ul#listado li aplica solo a los ítems del listado identificado. La lista sin id no es afectada.
Listado con estilos (id="listado"):
- Primer ítem
- Segundo ítem
- Tercer ítem
Listado sin estilos (sin id):
- Primer ítem
- Segundo ítem
- Tercer ítem