Debes escribirlo de esta manera.
.baseStyle { /* base styles goes here*/ } .baseStyle:hover { /* hover styles goes here */ }
Si desea lograr lo que pretende, debe usar scss
.
Entonces será como
.class { margin:20px; &:hover { color:yellow; } }
Si quieres escribir en la misma clase. Deberías usar Sass/Scss.
Guarde el archivo css con la extensión .scss. Es un preprocesador para una mejor sintaxis.
Consulte esta caja de arena: