Как покрасить определенную ячейку в определенной строке?

Question

[frontender]

Результат здесь

У меня есть таблица, в ней tr с классом n. Мне нужно подсветить желтым только первый td первого tr с классом n. Как? Не могу сообразить...

Comments

[frontender]

я решил путем добавления класса к первому td в tr.n
все покрасилось, но может быть есть другое решение? и без jq :)

Answer 1

[teotlu]

Я правильно понимаю, что нужно вот такое?
Т.е. у нас не все строки имеют класс n, а у тех, что имеют, только у первой должна быть подсвечена ячейка.

Comments

[frontender]

спасибо большое! ) как то даже не подумал идти от обратного)) спасибо, это то, что нужно

Answer 2

[Rad1calDreamer]

htmlbook.ru/search/?as_q=child&cx=partner-pub-0708...

Comments

[frontender]

вы думаете, я не гуглил?

[Rad1calDreamer]

без класса работает, с классом нет. Интересно в общем. послежу

[Rad1calDreamer]

frontender: если я правильно понял англ источник - этот псевдокласс применяется только для тегов. Поправьте кто-нить если я не прав.

[frontender]

Romeo_viruS: не думаю. сейчас проверил: tr.n:nth-child(odd) td:nth-child(1) нормально подсвечивает. А вот когда задаешь вместо odd число, например 1, то ничего не срабатывает

[hjk]

Romeo_viruS это работает и с классом, и без класса. Просто класс нужен у всех элементов tr. Тогда вообще любое из предложенных решений подойдёт.

[Rad1calDreamer]

hjk: спасибо за пояснение, в принципе логично это

Answer 3

[krypt3r]

средствами jquery так:

$('table tr.n').first().find('td:first').css ({'background-color':'yellow'});

Comments

[frontender]

ну дк :) css надо

Answer 4

[Ilya Korablev]

.класс {background: rgba(255, 255, 255);}
Как-то так