Как применить CSS к определенному элементу таблицы?

Question

У меня есть таблица, как показано ниже

Рассмотрим таблицу ID = «TestTable», и не существует класс или идентификатор, чтобы однозначно идентифицировать конкретную тд, показанный выше экран.

Я нашел способ получить доступ к второму тру в этом примере, как показано ниже

, но я застрял с доступом к второму TD во втором тра.

Не могли бы вы дать мне руку на это?

Благодаря

Answer 1

может быть, это поможет вам чувак :)

#testtable tbody > tr:first-child+tr > td:firt-child+td 
{ 
} 

или вы можете использовать: п-го ребенка псевдо-класс вроде этого:

#testtable > tr:nth-child(2) > td:nth-child(2) 
{ 

} 

Примечание хотя это не будет работать в старых браузерах (или IE), вам нужно будет дать ячейкам класс или использовать javascript в этом случае.

Answer 2

вы можете использовать: п-го ребенка()

http://api.jquery.com/nth-child-selector/

#testtable tbody >:tr:nth-child(2) 
{ 

}