Quiero hacer que los iconos no tengan apariencia de link, así están:
este es mi codigo en HTML:
<ul id="redesSociales">
<a href="https://www.instagram.com/?hl=es-la" rel="nofollow target= _blank><li id="instagram"><i class="fab fa-instagram"></i></li>
</a>
<a href="https://www.facebook.com/"><li id="Facebook"><i class="fab fa-facebook-square"></i></li>
</a>
<a href="https://co.pinterest.com/"><li id="Pinterest"><i class="fab fa-pinterest-square"></i></li>
</a>
</ul>
y este es el de CSS:
footer .footerWeb #instagram,
footer .footerWeb #Facebook,
footer .footerWeb #likedin,
footer .footerWeb #Pinterest {
list-style: none;
display: inline-flex;
}
a
ponelo dentro delli
sino el browser te va a cambiar el html final para tener un dom coherente (ul
= lista sin orden,li
= item de lista )