Bootstrap 3. Почему не редактируется таблица?

Question

[Иван Смирнов]

Делая сайт, заказчик попросил реализовать таблицы с определенным дизайном (компактную и цветную). Написал саму таблицу, так как это 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;
}

Comments

[Сергей delphinpro]

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

Answer 1

[iBird Rose]

а в чем проблема? https://jsfiddle.net/odowbj3y/
все стили которые ты задаешь - присутствуют

Comments

[Иван Смирнов]

К сожалению в моём случае результата нет никакого(

[iBird Rose]

Иван Смирнов: ну посмотри в дебагере куда делись стили. может id не тот поставил. или стили свои до бутстраповских подрубил

[Иван Смирнов]

iBird Rose: Всё оказалось куда проще, я просто перепутал файлы и редактировал css файл другой версии сайта, всё равно спасибо!