Fala Mario!
Tudo tranquilo?
Então, você se refere ao código abaixo correto?
HTML
<ul class="icones-redes-sociais">
<li>
<a href="https://github.com/joaodasilva">
<img src="github.png" alt="Github">
</a>
</li>
<li>
<a href="https://twitter.com/joaodasilva">
<img src="twitter.png" alt="Twitter">
</a>
</li>
<li>
<a href="https://br.linkedin.com/pub/joão-da-silva/32/4/508">
<img src="linkedin.png" alt="LinkedIn">
</a>
</li>
</ul>
CSS
.icones-redes-sociais li {
display: inline-block;
}
Note que quem recebe a classe icones-redes-sociais
já é a tag ul
, sendo assim no CSS você busca o elemento que tenha essa classe, no caso é o próprio ul
, o CSS está se referindo ao li
pois ele está alterando a propriedade do li
e não do ul
.
O código abaixo tem o mesmo comportamento, e dá para ver a hierarquia mais corretamente, ele apenas não colocou o ul
antes para uma questão de higienização de código e possível reaproveitamento do mesmo.
ul.icones-redes-sociais li {
display: inline-block;
}
Todas as li
que estão dentro da ul
que tem a classe icones-redes-sociais
Espero ter ajudado!
Abraços!