Hover de 2 estados

[eltinchorz]

Muchas gracias por responder gente!

Al probar lo que dijo pzin resulto que si se ponen dos propiedaes distintas funciona, por ejemplo un borde cuando se hace hover al slider y un cambio de color de fondo cuando se hace hover en la flecha en si, pero si pongo un borde cuando se hace hover al slider y le intento cambiar el color y el tamaño a ese mismo borde al hacer hover en la flecha en si no pasa nada, asi que asumo que no puede hacerse dos hovers simultaneos con una misma propiedad.
Como una solucion paliativa jugue con la opacidad y el atributo display, una lastima porque este atributo no se puede animar, pero creo que se quedara asi.

El codigo quedo de la siguiente manera:

Código HTML:

<div id="slider">
     <div id="flechaderecha"><img src="img/flede.png"/></div>
     <div id="flechaizquierda"><img src="img/fleiz.png"/></div>
     <div id="imagen1"><img src="img/sliderimg.jpg"/></div>
</div>
 

Código CSS:

#slider
{
    height: 340px;
    position: relative; /* lo necesito para superponer el nav al slider */
    z-index: 0;
}
 
#flechaizquierda
{
   /* 
       aca irian varias lineas de Widht Height left top etc 
       para posicionarla y darle forma redonda y sombra, 
       y en otra linea "#flechaizquierda img" para posicionar
       la imagen dentro del div
   */
   position: absolute;
   opacity: .2;
   transition: opacity .3s;
   display: none;
}
 
#flechaderecha
{
   /* 
       aca irian varias lineas de Widht Height left top etc 
       para posicionarla y darle forma redonda y sombra, 
       y en otra linea "#flechaderecha img" para posicionar
       la imagen dentro del div
   */
   position: absolute;
   opacity: .2;
   transition: opacity .3s;
   display: none;
}
 
#slider:hover #flechaderecha, #slider:hover #flechaizquierda
{
    display: block;
}
 
#flechaderecha:hover, #flechaizquierda:hover
{
   opacity: 1;
}
 

Gracias por ayudarme!
Marco como solucionado
Saludos