CSS- odstęp w nazwie class

Question

Witam, 

mam problem z określeniem klasy w CSS. Otóż nazwa ikony której używam zawiera odstęp"fab fa-pinterest"

w html wygląda to tak: 

 <a href="https://pl.pinterest.com/pin/436849232584191779/"><i class="fab fa-pinterest" style="font-size:30px;color:rgb(207, 34, 92);margin-left:10px;"></i></a>

Jeśli chcę w pliku CSS edytować tę ikonę, próbuje zrobić coś takiego

i.fab fa-pinterest {


}

ale wtedy wyraz fa-pinterest jest traktowany jako "pokrewny" dla fab. Jak sobie z tym poradzić?

pozdrawiam

Answer 1

"fab fa-pinterest" - to nie jest jedna klasa ze spacją, tylko 2 klasy " fab" oraz  "fa-pinterest" - odnieś się tylko do  "fa-pinterest" lub na upartego w ten sposób ".fab.fa-pinterest"

Answer 2

odstęp oznacza że jest dodawana do tego znacznika kolejna klasa np

<i class="margin border"></i>

i wtedy w css 

margin {

}

border {

}

są to inne klasy, żeby ostylować tą ikonę powinieneś zrobić tak

fa-pinterest {
 
 
}