За последние 24 часа нас посетили 17577 программистов и 1728 роботов. Сейчас ищут 1516 программистов ...

Как применить стили CSS к меню

Тема в разделе "HTML и CSS", создана пользователем TERROR MACHINE, 28 апр 2018.

  1. TERROR MACHINE

    TERROR MACHINE Новичок

    С нами с:
    18 фев 2018
    Сообщения:
    10
    Симпатии:
    0
    Как применить стили к этому коду меню?
    HTML:
    1. <div id="menuleft1">              
    2. <h2>Меню</h2>
    3. <?php foreach ($categories as $categoryItem): ?>
    4. <a href="/category/<?php echo $categoryItem['id']; ?>">
    5. <?php echo $categoryItem['name']; ?>
    6. </a>
    7. <?php endforeach; ?>
    8. </div>
     
  2. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.858
    Симпатии:
    748
    Адрес:
    Татарстан
    молча - указав необходимые классы нужным элементам
    например

    HTML:
    1. <a href="/category/<?php echo $categoryItem['id'];?>" class="item">
     
  3. paschaopencart

    paschaopencart Активный пользователь

    С нами с:
    18 май 2018
    Сообщения:
    118
    Симпатии:
    16
    Адрес:
    Урал
    вообще то примерно так
    для самого блока меню

    #menuleft1{ ... }

    для ссылок/пунктов

    #menuleft1 a{ ... }

    первый элемент

    #menuleft1 a:first-child { ... }

    выборочный элемент

    #menuleft1 a:nth-child(2n) { ... }

    #menuleft1 a:nth-child(2n+1) { ... }

    последний элемент

    #menuleft1 a:last-child{ ... }
     
  4. Abyss

    Abyss Старожил

    С нами с:
    12 дек 2015
    Сообщения:
    1.298
    Симпатии:
    218
    Адрес:
    Default city
  5. paschaopencart

    paschaopencart Активный пользователь

    С нами с:
    18 май 2018
    Сообщения:
    118
    Симпатии:
    16
    Адрес:
    Урал
    Не совсем понял суть последнего вопроса
    Для эффекта при наведении использовать
    a:hover
    для активного
    a.active
    Или, как водится, в больших проектах и с применением переменных, применить скрипт выделения активного пункта.
    То что описал выше по определению конкретной по счету ссылки, применимо, к примеру, когда в меню нужно изначально визуально выделить какой то пункт, например "Акции"
    (привычка выработанная годами работы по созданию интернет магазинов))))