Псевдокласс first-child в CSS

На сайте моего клиента который занимается продажей оригинальной обуви UGG Australia понадобилось изменить цвет одного из подменю.
Для этого мы используем псевдокласс first-child

Есть два варианта для этого псевдокласса

1.  это выделение первого элемента  first-child 
   .menu_links a:first-child {
   padding: 0 15px;
   }
   как мы понимаем first он относится к первому элементу
2. выделение последнего элемента last-child
   .menu_links a:last-child {
   border: none;
   box-shadow: none;
   color: red;
   font-weight: 900;
   }

Но если Вам нужно допустим подкрасить элементы меню второй и более, то используем след вариант

.menu_links:first-child a:nth-child(3) {
color: red;
}

Как и говорил ранее все это делалось на сайте моего клиента https://www.ruggis.ru/

Как вариант даю ссылку с визуальным редактором где можно все наглядно посмотреть: https://codepen.io/anon/pen/QEoQZA