Уникальная ширина первой ячейкм таблицы

[sktemp]

У меня есть таблица. Ширина каждой ячейки, кроме первой, равна 151px. А у первой должна быть 14px. Таблица имеет id="apa".

Я пишу свойство CSS

#apa td{
    padding: 0;
    width: 151px;
}

Первой ячейке я пишу class="first"

.first{
    width:14px;
}

Почему ширина не применяется? В FireBug пишется, что браузер его видит, но даёт приоритет ширине 151px. Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?

Edited September 12, 2012 by sktemp

[hedgehog]

А так?

tr td:first-child {width:14px;}

[Helis]

  Quote

Почему ширина не применяется?

У первого правила спецефичность выше.

  Quote

Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?

#apa td:first-child

Edited September 12, 2012 by Helis

[sktemp]

  On 9/12/2012 at 7:04 AM, hedgehog said:

А так?

tr td:first-child {width:14px;}

А так работает. Спасибо.

  On 9/12/2012 at 7:06 AM, Helis said:

  Quote

Почему ширина не применяется?

У первого правила спецефичность выше.

А если мне надо будет установить ширину не первой ячейки? Есть ли способ без использования CSS3?

[hedgehog]

  On 9/12/2012 at 7:06 AM, Helis said:

У первого правила спецефичность выше.

Там не только в специфичности дело. Класс, похоже, назначен был только одной ячейке, а у всех остальных ячеек в этом столбце стоит ширина 151 пиксель

А так да, #apa в своем примере я пропустил

  On 9/12/2012 at 7:11 AM, sktemp said:

А если мне надо будет установить ширину не первой ячейки? Есть ли способ без использования CSS3?

Не назначайте ширину глобально для всех ячеек (td). Достаточно повесить классы на ячейки в первой строке (tr) и назначить ширину уже им.

[sktemp]

  On 9/12/2012 at 7:15 AM, hedgehog said:

  On 9/12/2012 at 7:06 AM, Helis said:

У первого правила спецефичность выше.

Там не только в специфичности дело. Класс, похоже, назначен был только одной ячейке, а у всех остальных ячеек в этом столбце стоит ширина 151 пиксель

Да. И почему так не работает? Я ожидал, что назначив всем ячейкам ширину, а дав класс первой, будет к ней применено свойства класса. Так и произошло. Все свойства были применены, кроме ширины. Отчего так? Ширина чем-то особенное свойство?

[hedgehog]

  On 9/12/2012 at 7:22 AM, sktemp said:

Да. И почему так не работает? Я ожидал, что назначив всем ячейкам ширину, а дав класс первой, будет к ней применено свойства класса. Так и произошло. Все свойства были применены, кроме ширины. Отчего так? Ширина чем-то особенное свойство?

Потому что ширина ячейки влияет на ВСЕ ячейки в столбце. Например, в столбце десять ячеек с шириной 100 пикселей (ширина задана всем ячейкам). Нельзя просто так взять и поменять ширину столбца, изменив ширину одной ячейки из десяти А если бы остальным ячейкам в столбце ширину не назначили, то сработало бы назначение ширины любой ячейке в столбце.

[Helis]

  Quote

Нельзя просто так взять и поменять ширину столбца

http://makeyourmeme.ru/default/instance_32/986761/x_04936d84.jpg

Я дико извиняюсь.

[sktemp]

  On 9/12/2012 at 7:29 AM, hedgehog said:

  On 9/12/2012 at 7:22 AM, sktemp said:

Да. И почему так не работает? Я ожидал, что назначив всем ячейкам ширину, а дав класс первой, будет к ней применено свойства класса. Так и произошло. Все свойства были применены, кроме ширины. Отчего так? Ширина чем-то особенное свойство?

Потому что ширина ячейки влияет на ВСЕ ячейки в столбце. Например, в столбце десять ячеек с шириной 100 пикселей (ширина задана всем ячейкам). Нельзя просто так взять и поменять ширину столбца, изменив ширину одной ячейки из десяти А если бы остальным ячейкам в столбце ширину не назначили, то сработало бы назначение ширины любой ячейке в столбце.

<table id="apa">
<tr>
<td class="first"></td><td></td><td></td>
</tr>
</table>

Я говорю всем сделать 151 пиксель, но классу first 14. Где я заблуждаюсь?

Edited September 12, 2012 by sktemp

[hedgehog]

  On 9/12/2012 at 7:59 AM, sktemp said:

<table id="apa">
<tr>
<td class="first"></td><td></td><td></td>
</tr>
</table>

Я говорю всем сделать 151 пиксель, но классу first 14. Где я заблуждаюсь?

В этом случае Helis уже все рассказал Правило "#apa td" имеет большую специфичность, чем ".first". Переопределить можно так: "#apa .first". Я использовал :first-child потому что решил, будто в таблице больше одной строки.

  On 9/12/2012 at 7:33 AM, Helis said:

  Quote

Нельзя просто так взять и поменять ширину столбца

http://makeyourmeme.ru/default/instance_32/986761/x_04936d84.jpg

Я дико извиняюсь.

Да, вот это и подразумевалось

[Helis]

  Quote

Переопределить можно так: "#apa .first".

Не поможет. Даже #apa td.first не поможет. Применять надо к каждой ячейке в первом столбце.

[hedgehog]

  On 9/12/2012 at 9:29 AM, Helis said:

Не поможет. Даже #apa td.first не поможет. Применять надо к каждой ячейке в первом столбце.

Поможет, если строка только одна (как в примере выше).

[sktemp]

Спасибо за разъяснение.