make font color exceptions in footer

Hi,

If the bulk of the fonts in footer are a specific color, but I'd like to make some in yet another color... how can I achieve this?

I have unique ID for the fonts I want in alternative color, but they are not applying. Not sure what else. They're font awesome icons.

#socialIconID {

    color: #57b6e5;

    font-size: 38px;

    margin-left: -90px;

}

#socialIconID a {

    color: #57b6e5;

    }

#socialIconID a:hover {

    color: #3254bc;

    }

#socialIconID a:active {

    color: #5e32bc;

    }   

#socialIconID a:focus {

    color: #5e32bc;

    text-shadow: 1px 1px 1px #ccc;

    }     

.faStyle {

    display: inline-block;

    font-family: FontAwesome;

    font-size: 32px;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

}

.fab {font-family: "Font Awesome 5 Brands";}

HTML

<div class="social">

   <div id=socialIconID">

          <a href="">
<i class="fab faStyle fa-linkedin" aria-hidden="true"></i>

Do I need to apply socialIconID to the 'i' tag or the 'a' tag?