Каждый пятый ребенок с n-м ребенком

Question

Мне нужно применить стиль к каждому пятому лику, включая первый li.

Я пробовал:

nth-child(1n+5) 

Но это не относится к ее первому ребенку. Где я иду не так?

Answer 1

Другой путь вокруг; вы ищете :nth-child(5n+1).

Первое число - это множитель (в данном случае каждый пятый элемент), а второй - смещение. Смещение равно 1, потому что вы хотите начать с первого элемента - если вы его оставите, он начнется с 0-го, а затем отобразится на 5-м.

Answer 2

Вы можете выбрать каждый 5-й элемент с nth-child(5n+5), а затем также выбрать первый li с li:nth-child(1) или li:first-child

li:nth-child(5n+5), li:nth-child(1) { 
 
    background: blue; 
 
}

<ol> 
 
    <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li> 
 
</ol>

Answer 3

Изменение на то, что опубликовал Ненад. По сути, однако, вы не можете объединить то, что вы хотите сделать, с одной декларацией nth. Если вы нашли себя борьбу с такого рода вещи много, http://nth-calculator.com/ и http://nth-test.com/ может помочь вам :)

ul { 
 
    list-style-type: decimal 
 
} 
 

 
li:first-child, li:nth-child(5n) { 
 
    background: blue; 
 
}

<ul> 
 
    <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li> 
 
</ul>