Question

Делаю вариативное меню для контейнера. Вопрос как правильно задать общий стиль для части кода не заключённой в условный оператор? (внизу)

Хочу сделать там цвет чёрным и задать hoover

Дизайн # 1322

<?if($CAT_NAME$='Ремонт компьютеров')?> <div class="sidebox"><div class="sidetitle">Услуги</div>
 <div class="inner">
<a href="http://terra-pro.com.ua/publ/remont_kompjuterov_kiev/1-1-0-4" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/apgrejd-kompyutera.png" alt="">Ремонт компьютеров</span></a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Ремонт видеокарт</span></a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Ремонт жёстких дисков</span></a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Ремонт блоков питания</a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Ремонт материнских плат</a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Сборка компьютеров</a><br>
 </div>
 <?endif?>

<?if($CAT_NAME$='Ремонт ноутбуков')?> <div class="sidebox"><div class="sidetitle">Услуги</div>
 <div class="inner">
<a href="http://terra-pro.com.ua/publ/remont_kompjuterov_kiev/1-1-0-4" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/apgrejd-kompyutera.png" alt="">Ремонт ноутбуков</span></a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Замена матрицт</span></a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Замена матриц</span></a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Ремонт жёстких дисков</a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Ремонт материнских пла</a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Апгрейд ноутбуков</a><br>
 </div>
 <?endif?>

<div class="sidebox"><div class="sidetitle"><span><!-- <bt> -->Информация<!--<s5204>--><!--</s>--><!-- </bt> --></span></div>
 <div class="inner">

 <a href="http://terra-pro.com.ua/publ/remont_kompjuterov_kiev/1-1-0-4" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/apgrejd-kompyutera.png" alt="">О компании</a><br>
<a href="http://terra-pro.com.ua/publ/apgrejd_kompjuterov_i_noutbukov_v_kieve/1-1-0-8" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/apgrejd-kompyutera.png" alt="">Гарантия</a><br>
 <a href="http://terra-pro.com.ua/publ/remont_noutbukov_kiev/1-1-0-5" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/laptop.png" alt="">Услуги</a><br>
 <a href="http://terra-pro.com.ua/publ/remont_smartfonov_kiev/1-1-0-6" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/apgrejd-kompyutera.png" alt="">Цены</a><br>
 <a href="http://terra-pro.com.ua/publ/apgrejd_kompjuterov_i_noutbukov_v_kieve/1-1-0-8" target="_blank" rel="noopener nofollow"><img src="/SIDEBARICONS/apgrejd-kompyutera.png" alt="">Контакты</a><br>

 </div>
 <div class="clr"></div>
 </div>

 

Answer 1

Заверните ссылки в отдельный див вида:

<span class="info-bl">здесь код ссылок</span>

после в стили прописать:

span.info-bl a {color:#000;}

чтобы при наведении:

span.info-bl a:hover {color:#ваш-цвет;}