Делая сайт, заказчик попросил реализовать таблицы с определенным дизайном (компактную и цветную). Написал саму таблицу, так как это Bootstrap добавил к table класс class="table" и она стала читабельна, но при добавлении css свойств вообще ничего не меняется, я пробовал !important и многое другое, но всё безуспешно. Помогите. Заранее спасибо.
<table id="myft-standart" class="table">
<caption><h2>СТАНДАРТНЫЕ</h2></caption>
<thead>
<tr>
<th><p>Модель стыкуемой арматуры</p></th>
<th><p>Диаметр (мм)</p></th>
<th><p>Длина (мм)</p></th>
<th><p>Масса (кг)</p></th>
</tr>
</thead>
<tbody>
<tr>
<td>D16</td>
<td>24</td>
<td>43</td>
<td>0,09</td>
</tr>
</tbody>
</table>
#myft-standart {
font-size: 0.8vw;
border: 1px solid grey;
}
#myft-standart thead {
text-align: center;
border-bottom: 2px solid red !important;
}
#myft-standart caption {
text-align: center;
color: #000;
text-shadow: 0 0 1px grey;
}
#myft-standart th {
text-align: center;
padding: 0.5vw;
padding-bottom: 0px;
border: 1px solid grey;
}
#myft-standart td {
text-align: center;
padding: 0.5vw;
border: 1px solid grey;
}
