[RoN]

Вобщем такой вопрос у меня:

Есть HTML код:

<div id='q'>
<div class='w'>w</div>
<div class='e'>
<div class='r'>r</div>
</div>
</div>

И есть для него такой CSS:

#q > .w
{
color: red;
}
#q > .e > .r
{
color: green;
}

В данном примере эта связка работает. Результат: симовол W становится красным, а R - зеленым.

Далее хочу сделать ТОЖЕ САМОЕ, но для таблицы:

<table id='q'>
<tr>
<td>w</td>
</tr>
</table>

Пишу подобный CSS код:

#q > tr > td
{
color: red;
}

В итоге - НЕ РАБОТАЕТ. В чем дело ??? Для таблиц этот селектор не пашет чтоли?

[vitaly-go]

Сообщение от RoN

#q > .e > .r

а нафига вам вот то что красным?

да и пишем вот так

#q tr td { color: red; } (при этом убрав доп класс)
или
.r { color: green; }


да и >
# --- ID
. --- CLASS

[RoN]

Мне нужен строго ДОЧЕРНИЙ элемент найти, а не просто потомков... Поэтомоу я и юзаю вот такой ">" селектор.

[kost]

Не знаю, зачем вы таким извращением занимаетесь («строго ДОЧЕРНИЙ элемент найти»), но надо добавить tbody в родителей tr

#q > tbody > tr > td {
  color: red;
}

[RoN]

kost, просто у емня есть вложенные таблицы... и для них мне не нужно применять эти стили. Для них идут другие, поэтому требуется строго дочерние элементы выбрать... по крайней мере по моей задумке. Может можно и легче как сделать, а мне так удобней получилось. Спасибо за ответ - помогло!