2014-12-20 4 views
2

Я использую Bootstrap 3.3
У меня есть HTML-код следующим образом:Как переопределить стиль бутстрапа td?

<div data-name="md-PersianDateTimePicker"> 
    <table class="table table-striped">   
     <tr> 
      <td data-name="day">03</td> 
      <td data-name="day">04</td> 
      <td data-name="day">05</td> 
      <td data-name="day">06</td> 
      <td data-name="day">07</td> 
      <td data-name="day">09</td> 
      <td data-name="day" class="text-danger">09</td> 
     </tr> 
     . 
     . 
     . 
    </table> 
</div> 

Как я могу установить padding:2px каждому td?

Я протестировал следующее, это не сработает!

[data-name="md-PersianDateTimePicker"] td{ 
    padding: 2px; 
} 
+2

это должно работать, шоу: http://jsfiddle.net/6fu2rr60/ –

+0

Какой браузер вы используете, чтобы проверить это? – HoXa

+0

Я использую Google Chrome 28 –

ответ

3

Просто увеличьте specificity вашего селектора. Если то, что у вас есть в данный момент не работает, попробуйте добавить таблицу в ней, а также:

[data-name="md-PersianDateTimePicker"] table.table.table-striped td[data-name="day"] { 
    padding: 2px; 
} 
+0

Извините, я хочу '[data-name =" md-PersianDateTimePicker "] td' вместо этого? –

+0

@Mohammad Это делает элементы 'td', так как они имеют атрибут' [data-name] '. –

1

добавить !important спецификатор

[data-name="md-PersianDateTimePicker"] td{ 
    padding: 2px !important; 
} 

DEMO FIDDLE

ПРИМЕЧАНИЕ:

Никогда не используйте! Важно на сайте css. Используйте только важный на страницы конкретных CSS, отменяющий сайт-широкий или иностранной Css

+0

'! Important' почти всегда не нужен и обычно рассматривается как плохая практика. Все '! Important' действительно предлагает хакерский способ повышения специфичности, но, в свою очередь, это делает CSS намного сложнее поддерживать. –

+0

@JamesDonnelly, но здесь это важно, я думаю .. –

+0

Релевантно, но плохо. См. Ответ на этот вопрос: http://stackoverflow.com/q/15582385/1317805. –

Смежные вопросы