I want to edit the css of an element when hovering a label <a>
.
This is my HTML:
<div class="container">
<div class="row">
<div class="menu-admin-elemento col-6">
<div>
<div class="menu-admin-img-contenedor">
<img src="">
</div>
<h2>
<a href="#">
</a>
</h2>
</div>
</div>
</div>
</div>
This is my SCSS:
@import '../../../../styles.scss';
.container {
.row {
.menu-admin-elemento {
div {
.menu-admin-img-contenedor {
img {
/*
Quiero editar el css de este elemento utilizando
la propiedad hover de la <a> de abajo.
*/
}
}
h2 {
a {
&:hover {
}
/*
Editar el CSS de .menu-admin-img-contenedor > img
haciendo hover a <a>
*/
}
}
}
}
}
}