Severus (06.07.2019 в 11:18)
SNEG (05.07.2019 в 21:14)
есть такое меню, прописал я #header .top-menu ul li a:hover {color:#4a4a4a;} и все ссылки меняют цвет при наведении как сделать что только ссылка 4 меняла цвет при наведении мышки ?

<li><a href="#"><b>Ссылка 1</b></a></li>
<li><a href="#"><b>Ссылка 2</b></a></li>
<li><a href="#"><b>Ссылка 3</b></a></li>
<li><a href="#"><b>Ссылка 4</b></a>
<ul>
<li><a href="#">Ссылка подменю 1</a></li>
<li><a href="#">Ссылка подменю 2</a></li>
<li><a href="#">Ссылка подменю 3</a></li>
<li><a href="#">Ссылка подменю 4</a></li>
</ul>
</li>

#header.top-menu ul li a:nth-child(4):hover{color:#4a4a4a}

simple_php (06.07.2019 в 18:29)
first-child находит первый элемент
last-child находит последный элемент в родителе
nth-child(1n+2)>a:hover {color:red} первый и второй элемент

надеюсь нашел что искал.

SNEG (06.07.2019 в 19:38)
simple_php (06.07.2019 в 18:29)
first-child находит первый элемент
last-child находит последный элемент в родителе
nth-child(1n+2)>a:hover {color:red} первый и второй элемент

надеюсь нашел что искал.

.top-menu ul li:nth-child(-3n+4) a:hover {
а вообще мне посоветовали выбрать 1 и 4 элемент вот так, а не как выше через запятую по 2 раза повторять код