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

Псевдокласс 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

nibbl
Оцените автора
NIBBL
Добавить комментарий