Bold распространяется на дочерний элемент, а это не нужно
Приветствую!
Тег Li с классом current-cat должен подсвечиваться жирным, когда выбрана данная категория (Producti pitaniya). Но вместе с продуктами питания подсвечивается и дочерний пункт Напитки, чего не нужно.
Как надо изменить css код, чтобы подсвечивался только current-cat пункт меню?
Поэкспериментировала с nth-of-type(1) - но что-то ничго не получилось.
<html>
<head>
<style type="text/css">
.menu-otzivi li.cat-item.current-cat a{
font-weight:bold;
}
.menu-otzivi ul.children{
margin-left:10px;
}
</style>
</head>
<body>
<div class='menu-otzivi'>
<li class="cat-item cat-item-497 current-cat">
<a href="/produkty-pitaniya" title="Продукты питания">Producti pitaniya</a>
<ul class='children'>
<li class="cat-item cat-item-499">
<a href="/napitki" title="Напитки">Napitki</a>
</li>
</ul>
</li>
</div>
</body>
</html>
|