Свой стиль для каждого элемента меню

@dimoncheg · Регистрация: 18.10.2012

Author24 — интернет-сервис помощи студентам

Добрый день. Есть горизонтальное меню, сделанное с помощью списка. Не могу присвоить каждому элементу меню свой стиль. ДАЖЕ НЕ ПРИ НАВЕДЕНИИ. С помощью псевдоклассов пытался - тоже не выходить. Все элементы становятся как первый элемент псевдокласса, и все.

HTML5

<div id="menu">
 
<ul class="menu">
<li><a href="#" class="sp"><b>Список услуг</b></a></li>
<li><a href="#" class="pr"><b>Примеры работ</b></a></li>
<li><a href="#" class="price"><b>Прайс лист</b></a></li>
<li><a href="#" class="ya"><b>Я</b></a></li>
<li><a href="#" class="cont"><b>Контакты</b></a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
</ul>
 
</div>

CSS

.menu {
margin: 0px;
}
 
ul a {
color: #888;
text-decoration: none;
font-family: 'ACLSe3jh';
display: inline-block;
background: #d2d6d5;
padding: 25px 20px;
webkit-transition: background .35s ease-out,color .35s ease-out;
transition: background .35s ease-out,color .35s ease-out;
border-left: 1px solid #000;
}
 
a:nth-child(1) {
color: green;
text-decoration: none;
font-family: 'ACLSe3jh';
display: inline-block;
background: #d2d6d5;
padding: 25px 20px;
webkit-transition: background .35s ease-out,color .35s ease-out;
transition: background .35s ease-out,color .35s ease-out;
border-left: 1px solid #000;
}
 
a:nth-child(2) {
color: green;
text-decoration: none;
font-family: 'ACLSe3jh';
display: inline-block;
background: #d2d6d5;
padding: 25px 20px;
webkit-transition: background .35s ease-out,color .35s ease-out;
transition: background .35s ease-out,color .35s ease-out;
border-left: 1px solid #000;
}
 
ul li {
display: inline;
margin: -2px;
}
 
 
ul li:first-child {
  border-left: none;
}

@dimoncheg · 04.07.2015, 13:03 **[ТС]**

Все, уже не надо. Решил проблему по-типу:

HTML5

li:nth-last-child(8) {
border-top: 3px solid #444;
}
 
li:nth-last-child(8):hover {
background: #444;
}

	04.07.2015, 13:03