¿Cómo escribir el efecto de animación de la transición css3? Cierto div al pasar el mouse, no div: hover, este div

.product-index?.editor?.editor1?{?/*?Establecer propiedades predeterminadas?*/

width:?100px;height:?100px;

color de fondo:?verde;

-webkit-transition:?todo?300ms;

-moz-transition:?todo?300ms;

-o-transition:?todos?300ms;

transición:?todos?300ms;

}

.product-index?.editor:hover? .editor1?{?/*?¿Este es el atributo de transformación?*/

ancho:?200px;

fondo-color:?skyblue;

}

Espero adoptar