Minha dúvida é a seguinte: tenho uma coluna com uma texto e um ícone, preciso que quando o mouse ficar em cima da coluna tanto o texto quanto o ícone mudem de cor, segue o HTML:
.features .round-icon {
border: 4px solid #1c1c1c;
border-radius: 50%;
display: table;
height: 100px;
width: 100px;
font-size: 3.6rem;
}
.features .round-icon span {
color: #1c1c1c;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#numeros-coluna2:hover{background-color:#ffc600;}
<div class="row features">
<div class="medium-2 columns border-direita" id="numeros-coluna2">
<span class="numeros">5MIL</span>
<div class="round-icon medium-offset-2">
<span class="fi-dollar"></span>
</div>
</div>
</div>
hover
ao elemento pai.hover
a essadiv > #numeros-coluna2