п-й ребенок и п-й последний ребенок не работает вместе

У меня есть список тумб ...п-й ребенок и п-й последний ребенок не работает вместе

<div class="projects-wrapper"> 
    <ul> 
      <li class="project">

... и создал условия для изменения запаса каждого четвертого элемента в списке:

.projects-wrapper .project:nth-child(4n+4){ 
    margin-right: 0; 
}

Теперь мне нужно изменить запас последних четырех пунктов:

.projects-wrapper .project:nth-last-child(-n+4){ 
    margin-bottom: 0; 
}

Но эти два условия не работают вместе , Просто отдельно

источник

2013-11-19 user3004794

В каких браузерах вы испытываете проблемы? Он отлично работает для меня. http://jsfiddle.net/TheNix/fFKFD/ – Nix

Я работаю над Chrome. Это очень странно. Тот же код работает вне сайта. Возможно, что другое условие css мешает? – user3004794

Я испытываю очень странную ошибку в JS Fiddle с помощью Chrome. Когда я изначально загружаю @Nix JS Fiddle, он работает по назначению. Если я тогда нажимаю RUN, он выделяет первый, второй и 12-й LI вместо последнего 4. Я могу воспроизвести в своей скрипке. – Michael

Измените порядок своих селекторов css, чтобы nth-last-child приходил до nth-child.

http://jsfiddle.net/fFKFD/2/

источник

2013-11-19 14:18:51

Ничего не происходит. И я обнаружил, что селектор nth-last-child применяется ко второму и последнему элементу списка. – user3004794

мы видим две разные вещи. возможно, это продемонстрирует это лучше: http://jsfiddle.net/fFKFD/3/ ... или, может быть, я не понимаю проблему ... –

п-й ребенок и п-й последний ребенок не работает вместе

ответ

Смежные вопросы