Два класса CSS: какой из них выигрывает?

Разметка ниже выравнивает ОБРАЗЕЦ ТЕКСТА по левому краю.

Мне кажется, что это должно быть выровнено по правому краю. Класс, выравнивающийся по правому краю, объявляется после того, который выравнивается по левому краю. А класс, который выравнивается по правому краю, даже упоминается последним. Так почему же класс, который выравнивается по левому краю, выигрывает?

CSS

.table {
    width: 100%;
}
.table td {
    text-align: left;
}
.cell {
    text-align: right;
}

HTML

    

        

             SAMPLE TEXT
        
    
​

См. Мой пример jsFiddle .