Dikucher, я думаю тег p не учитывается данным свойством, а div - учитывается. Нужно, чтобы в блоке со списком не было левых блочных элементов.

andreykashops, для меня весь смысл в использовании :nth-of-type как раз и заключатеся в том, что могут быть "левые" блочные элементы. Посмотрите внимательно элемент, он как раз и работает в том случае, когда есть "левые" элементы. Вот как мне объяснили



Т.е. как я понял - :nth-of-type считает не элементы класса .item, а определяет тэг, которому соответсвует класс .item ( в нашем случае div) и потом уже в своих расчетах отталкивается именно от div, и если в родители есть другие элементы div, то они тоже будет идти в рассчет.

Как по мне, это просто жесть. Если бы я хотел выбрать div, я бы написал div:nth-of-type, но ведь мне нужна выборка по классу

Попробуйте :nth-child использовать.

Хотя вряд-ли поможет, пересмотрел еще раз, может есть вариант условие выборки свойством сделать другое?

Сообщение отредактировал andreykashops - 13.4.2014, 15:01

andreykashops, да нет. Нужно было выбирать именно как второй элемент с классом .item, вне зависимости от того, какие еще элементы есть с этим общим родителем

Dikucher, на Jq перебрать в крайнем случае и добавить нужный класс, который потом стилизировать.

Вот цитата с сайта W3C
http://www.w3.org/wiki/CSS/Selectors/pseud...es/:nth-of-type



Выделенная часть в целом означает, что селектор выдаст ожидаемые результаты, если предшествующие ему теги одного типа. Именно поэтому второй вариант с <p> не работает.

Чем ломать голову над такими селекторами, которые еще не везде работать будут, не проще ли в генераторе кода сделать так, чтоб к нужному элементу вешался нужный класс? Ну, это не вопрос, а просто идея.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.