Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

pequeño asunto aqui con el hover

Tengo el siguiente codigo:


.productos:hover #precio1{
    color:green;
}

.productos:hover #naquever{
    color:green;
}

Tambien lo he escrito asi:

.productos:hover .prodPrice{
    color:green;
}

Y tambien asi:

.productos :hover :nth-child() .prodPrice,
.productos :hover :nth-child(2) .prodPrice,
.productos :hover :nth-child(3) .prodPrice{
    color: green;
  }

Llamando tanto a Class como al ID como tambien al child, el detalle es que quiero que solo se afecte el precio del item sobre el que esta el mouse como pasa con el border, pero se activan todos los items a la vez.

1 respuesta
solución!

Nvm ya lo solucione, dejo la solucion por si a alguien le sirve:

primero estableci el color default de los .prodPrice:

.prodPrice {
  color: #000000
}

Luego venia la accion del hover:

  .productos li:hover .prodPrice {
    color: #008832;
  }

y ya funciona.