Помощник
|
странное поведение nth-of-type |
Dikucher
|
Сообщение
#1
|
||
|
|
||
|
|||
andreykashops |
13.4.2014, 12:32;
Ответить: andreykashops
Сообщение
#2
|
|
Dikucher, я думаю тег p не учитывается данным свойством, а div - учитывается. Нужно, чтобы в блоке со списком не было левых блочных элементов.
-------------------- |
|
|
Dikucher
|
Сообщение
#3
|
|
andreykashops, для меня весь смысл в использовании :nth-of-type как раз и заключатеся в том, что могут быть "левые" блочные элементы. Посмотрите внимательно элемент, он как раз и работает в том случае, когда есть "левые" элементы. Вот как мне объяснили
Цитата найти в установленных родителях непосредственных потомков типа соответствующего класса(тега) .item, т.е. в Вашем случае div Т.е. как я понял - :nth-of-type считает не элементы класса .item, а определяет тэг, которому соответсвует класс .item ( в нашем случае div) и потом уже в своих расчетах отталкивается именно от div, и если в родители есть другие элементы div, то они тоже будет идти в рассчет. Как по мне, это просто жесть. Если бы я хотел выбрать div, я бы написал div:nth-of-type, но ведь мне нужна выборка по классу |
|
|
andreykashops |
13.4.2014, 17:01;
Ответить: andreykashops
Сообщение
#4
|
|
Попробуйте :nth-child использовать.
Хотя вряд-ли поможет, пересмотрел еще раз, может есть вариант условие выборки свойством сделать другое? Сообщение отредактировал andreykashops - 13.4.2014, 15:01 -------------------- |
|
|
Dikucher
|
Сообщение
#5
|
|
andreykashops, да нет. Нужно было выбирать именно как второй элемент с классом .item, вне зависимости от того, какие еще элементы есть с этим общим родителем
|
|
|
andreykashops |
14.4.2014, 0:53;
Ответить: andreykashops
Сообщение
#6
|
|
Dikucher, на Jq перебрать в крайнем случае и добавить нужный класс, который потом стилизировать.
-------------------- |
|
|
Pepper |
14.4.2014, 19:16;
Ответить: Pepper
Сообщение
#7
|
|
|
Вот цитата с сайта W3C
http://www.w3.org/wiki/CSS/Selectors/pseud...es/:nth-of-type Цитата The :nth-of-type() pseudo-class represents an element that has an+b siblings with the same expanded element name before it in the document tree, for any zero or positive integer value of n, and has a parent element. Выделенная часть в целом означает, что селектор выдаст ожидаемые результаты, если предшествующие ему теги одного типа. Именно поэтому второй вариант с <p> не работает. Чем ломать голову над такими селекторами, которые еще не везде работать будут, не проще ли в генераторе кода сделать так, чтоб к нужному элементу вешался нужный класс? Ну, это не вопрос, а просто идея.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
автоматическая активация нужных <input type="radio"> | 1 | FALKOR | 3673 | 19.5.2016, 17:18 автор: -Valeron- |
|
Странное предложение: за 1000р. ак adsense 56,64 $ | 9 | Zevss | 1854 | 7.4.2015, 18:44 автор: maksimov1989 |
|
Поведение тега code | 4 | Den1xxx | 5988 | 6.4.2014, 9:29 автор: -Den1xxx- |
|
Непонятное поведение бордеров | 4 | websun | 5866 | 6.6.2013, 22:42 автор: -gen-5- |
Текстовая версия | Сейчас: 25.4.2024, 21:34 |