.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;
}

在一个scenerio中,我想覆盖td样式,以便我可以在Table Cell文本前面显示一个图标图像.
因此,如果表格单元被定义为 – < td>车辆名称&详细信息< / td>

我想为这个表格单元格应用样式,以便它在文本前面显示图标图像 – ‘车辆名称&细节’.

我在css文件中添加了这个样式 –

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

并添加到td作为< td class =“vehicle”>车辆名称&详细信息< / td>
但没有显示图标.该td的父表是< table class =“table”>

我错过了什么吗？

谢谢！