Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.04.2017, 10:33
Ola Ola вне форума
Интересующийся
Отправить личное сообщение для Ola Посмотреть профиль Найти все сообщения от Ola
 
Регистрация: 03.04.2017
Сообщений: 11

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>
Ответить с цитированием
  #2 (permalink)  
Старый 10.04.2017, 11:27
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от Ola
Как надо изменить css код, чтобы подсвечивался только current-cat пункт меню?
Как вариант...
<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>
Ответить с цитированием
  #3 (permalink)  
Старый 10.04.2017, 11:38
Ola Ola вне форума
Интересующийся
Отправить личное сообщение для Ola Посмотреть профиль Найти все сообщения от Ola
 
Регистрация: 03.04.2017
Сообщений: 11

Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Баги Opera пишем сюда devote Оффтопик 101 08.08.2013 05:56
фрактальный сыр x-yuri Оффтопик 76 23.11.2011 21:59
php-ajax-mysql indiga AJAX и COMET 6 23.03.2011 12:58
Это работа, за неё нужно платить деньги... Kolyaj Оффтопик 20 25.01.2011 20:44
Нужно ли в этом примере (это) объявление переменных или нет? sashka++ Общие вопросы Javascript 5 31.07.2010 04:47