fontawesome: не может изменить цвет сложенных значок

Question

Вот это plunker - http://plunker.co/edit/npLOW06U0aAVZmGAHv7U?p=preview

В style.css, я

.icon-stack .icon-sign-blank: { 
color: red; 
} 
.icon-stack .icon-trash: { 
    color: white; 
} 

, но это не меняет свой цвет, то, что я делаю неправильно здесь?

Answer 1

Это делает изменить цвет, но у вас есть ненужные колоны : после обоего селекторов, просто удалите их:

.icon-stack .icon-sign-blank { 
color: red; 
} 

.icon-stack .icon-trash { 
color: white; 
} 

http://plunker.co/edit/6z6bMO1opw6zyxAz4DN4?p=preview

Answer 2

просто объявить отдельный класс, например,

.red{ 
color:red; 
} 

и включает в себя это при вызове класса значков, т.е.

<i class="icon-stack red"></i>