Design, LINKS!

Общее
1

Доброй ночи! http://lefft.com/ios/ - тут навигация при :hover становится белой с нижней рамкой, а при клике на навигационный пункт эти параметры сохраняются на нажатой ссылке. Подскажите пожалуйста, как это сделать???

2

Любой сайт может стать подсказкой для вас, если вы научитесь разбираться в его исходном коде с помощью инструмента разработчика “Инспектор” в браузере.
Там можно посмотреть стили ссылок при наведении и нажатии.

3

Я умею пользоваться консолью, но там нет примера кода в разделе CSS, поэтому я и задал вопрос на форуме

4

Может я не заметил чего-то ??

Касательно элемента A:

/* nav a:link, nav a:visited {
color: #a8dde3;
}
a:link, a:visited {
color: #ee6557;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
text-decoration: none;
}

  • {
    margin: 0;
    padding: 0;
    }
    user agent stylesheet
    a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto */

Касательно элемента LI:

nav ul li {
display: inline-block;
list-style-type: none;
margin: 0 2% 10px;
}

  • {
    margin: 0;
    padding: 0;
    }
    user agent stylesheet
    li {
    display: list-item;
    text-align: -webkit-match-parent;
    }

И что тут отвечает за нижнее подчеркивание и цвет текста после нажатия на ссылку ?

Вообще, должен отвечать псевдоэлемент :visited, но там указан только цвет, анимация и text-decoration: none;

5

Вот это правило:
body#home li#homenav,
body#illustrationsection li#illustrationnav,
body#iossection li#iosnav,
body#websection li#webnav,
body#printsection li#printnav,
body#blogsection li#blognav {
color: #fff2f1;
border-bottom: 2px solid #fff2f1;
}
Свойства для li применяются только если родитель body имеет определенный идентификатор, то есть только если вы находитесь на странице, на которую ведет ссылка.