Как выравнять все ячейки по центру таблицы кроме первого ряда таблицы на css

331
26 ноября 2016, 18:40

Как выравнять все ячейки по центру таблицы (кроме первого ряда таблицы) на css?

table tr:not(td):first-child { 
  text-align: center 
}
<table> 
  <tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
  </tr> 
  <tr> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
  </tr> 
</table>

Answer 1
table tr:not(:first-child) td {
    text-align: center;
}

P.S. Если под фразой "кроме первого ряда" имелась в виду первая колонка, то

table tr td:not(:first-child) {
    text-align: center;
}

table { 
  width: 100%; 
  margin-bottom: 15px; 
  border-collapse: collapse; 
  table-layout: fixed; 
} 
td { 
  border: 1px solid #999; 
} 
table.row tr:not(:first-child) td { 
  text-align: center; 
  background: #ff0; 
} 
table.col tr td:not(:first-child) { 
  text-align: center; 
  background: #ff0; 
}
<table class="row"> 
  <tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
  </tr> 
  <tr> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
  </tr> 
  <tr> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
  </tr> 
</table> 
<table class="col"> 
  <tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
  </tr> 
  <tr> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <tr> 
      <td>7</td> 
      <td>8</td> 
      <td>9</td> 
    </tr> 
  </tr> 
</table>

Answer 2

добавить

table tr:first-child td{
  text-align:left;
}
READ ALSO
Как скрыть линию под прозрачным блоком?

Как скрыть линию под прозрачным блоком?

Нужно скрыть линию в полукруге, но не заливая его белым цветомКак это сделать? Пытался добавлять линии через before и after абсолютно по 50% ширины,...

350
Как при клике показать другую половину div?

Как при клике показать другую половину div?

Добрый день! Как сделать, что при начальном состоянии показывалось 50% этого div, а после нажатия на кнопку показывалась другие 50%?

381
Почему .animate({&ldquo;transform&rdquo; : &ldquo;rotate(20deg)&rdquo; не срабатывает?

Почему .animate({“transform” : “rotate(20deg)” не срабатывает?

Есть картинка, которая абсолютно позиционирована, хочу при клике на элемент повернуть её ротейтомНо, почему-то, никакой реакции на код вообще...

229
Скрыть основное меню сайта на мобильном устройстве и планшете, MDL

Скрыть основное меню сайта на мобильном устройстве и планшете, MDL

Как сделать что бы когда пользователь заходил на сайт с мобильного устройства или планшета, основное меню nav скрывалось, а боковое меню drawer,...

335