Почему при обращении через CSS к элементам HTML-таблицы не действуют указатели на «дочерние» селекторы?

Question

[Рома Зварич]

Здравствуйте.
Помогите пожалуйста понять, почему при обращении к элементам HTML-таблицы работает селектор типа

table tr td {
     color: blue;
}

но не работает селектор, содержащий указатели именно на дочерние элементы

table > tr > td {
     color: red;
}

Пример кода на JSFiddle: https://jsfiddle.net/hisbvdis/17zmyrvo/

Спасибо

Comments

[RAX7]

table > tbody > tr > td {
  color: red;
}

[Lynn «Кофеман»]

Если я правильно помню, там по дороге есть «анонимный» tbody. Попробуй
table > tbody > tr > td

Answer 1

[Rustam Bainazarov]

Потому что внутри table браузер генерирует tbody, даже если вы его не прописали сами, поэтому так:
table > tbody > tr > td

Comments

[Рома Зварич]

Однако.
Понял, спасибо