modificar padding columna

[eyuta]

Primero , muchas gracias. Entiendo que aunque son 3 clases distintas pero al estar dentro de la misma fila hay que ponerle a los tres el padding que quiero incluir.

Esto es el codigo

<i class="fa fa-lightbulb-o fa-2x" style="color: #ffffff !important;"></i>

Y si pongo las tres clases por separado en CSS con padding-top: 10px; no me cambia nada en esa fila en concreto.

Estoy arrancando con css y hay otros elementos que no he tenido problema pero este no lo saco.

.fa { padding-top: 10px;}
.fa-lightbulb-o { padding-top: 10px;}
.fa-2x { padding-top: 10px;}


Y los he puesto los tres juntos y tampoco.

.fa .fa-lightbulb-o .fa-2x {padding-top: 10px;
}

Igual es una tontería para los que sabéis .
Gracias otra vez