Можно ли использовать псевдоселектор nth-child для работы с определенным классом?
См. этот пример: http://jsfiddle.net/fZGvH/
Я хочу, чтобы второй DIV.red стал красным, но он не применяет цвет, как ожидалось.
Не только это, но когда вы укажете это, он изменяет 5-й DIV на красный:
div.red:nth-child(6)
Когда вы укажете это, он изменит 8-й DIV на красный:
div.red:nth-child(9)
Кажется, это один DIV. В примере есть только 8 тегов DIV, поэтому я не знаю, почему работает nth-child (9). Тестирование с использованием Firefox 3.6, но в моем фактическом производственном коде такая же проблема возникает в Chrome. Я не понимаю что-то о том, как это должно работать, было бы полезно разъяснить.
Кроме того, это изменит 6-й DIV на красный, но я действительно хочу, чтобы он изменил второй DIV.red на красный:
div.red:nth-of-type(6)
И я не понимаю, почему nth-child() и nth-of-type() отвечают по-разному, поскольку в документе всего восемь тегов одного и того же типа.