Css - Как переопределить css для ячейки таблицы

вопрос для новичков css -
у нас есть обобщенный css, определенный для таблицы вместе с ее ячейками таблицы как:

.table {
    width: 100%;
    margin: 1em 0 1em 0;
    border-top: 1px solid #A3C0E8;
    border-left: 1px solid #A3C0E8;    
}

.table td, .table th {
    padding: .6em;
    border-right: 1px solid #A3C0E8;
    border-bottom: 1px solid #A3C0E8;
    vertical-align: middle;
    background:#D7E8FF;
    color:#333;
}

В одном сценарии я хочу переопределить стиль td, чтобы я мог показывать изображение значка перед текстом ячейки таблицы. поэтому, если ячейка таблицы определена как - Имя и сведения о транспортном средстве

, я хочу применить стиль для этой ячейки таблицы, чтобы она также отображала изображение значка перед текстом - «Имя транспортного средства & Details '.

Я добавил этот стиль в файл css -

.vehicle { background:url(mainFolder/img/icons/vehicle.png) no-repeat left center; }

и добавил в td как Название и детали транспортного средства но значок не отображается. Родительская таблица этого td -

Я что-то упускаю?

Спасибо!