Последний третий пункт

#css

Всем привет!

Как мне покрасить текст в последнем третьем пункте в красный?
Т.е. если пунктов 7, то покрасить пункт 6, если 10 - то 9, если 3, то 3, если 8, то 6...




  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт




    

Ответы

Ответ 1

Для этого нужно использовать nth-child и nth-last-child.  

В nth-child выбираем каждые 3 элемента. А в nth-last-child выбираем последние 3 элемента
в списке.



ol li:nth-child(3n+3):nth-last-child(-n+3) {
  color: red;
}

  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт



  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт
  
Пункт



  
Пункт
  
Пункт
  
Пункт





Это можно применять, и к последнему четвёртом, и к пятому... Просто нужно изменить
тройки в CSS на нужное число.