• Добрый всем вечер, подскажите как изменить цвет кнопки меню? Поменять цвет надо только в одной кнопке

        </header>
    
          <nav class='nav'>
    
              <ul>
    
                 <a href="/"><li id="start">Главная</li></a>
    
                 <a href="/about-partners"><li>О союзе</li></a>
    
                 <a href="/docs"><li>Документы</li></a>
    
                 <a href="/eps_i_osbu"><li id="end">ЕПС и ОСБУ</li></a>
    
                 <a href="/raskrytie-informacii"><li>Раскрытие информации</li></a>
    
                 <a href="/member-list"><li>Реестр членов</li></a>
    
                 <a href="/norm-base"><li>Нормативная База</li></a>
    
                 <a href="/forums"><li>Форум</li></a>
    
                 <a href="/info-kpk"><li>Информация КПК</li></a>
    
                 <a href="/partners"><li>Партнеры</li></a>
    
Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Модератор Юрій

    (@yube)

    a[href='/member-list'] li { background: red; }

    Юрий, уточните пожалуйста, получается слово «Реестр членов» дописывать уже не надо?

    Что то у меня не получилось. Делал несколько вариантов…

    Модератор Юрій

    (@yube)

    a[href='/member-list'] li — это селектор (элементы и атрибуты), текстовая часть для css не имеет смысла. См. http://htmlbook.ru/samcss/selektory-atributov

    Куда селектор вписать? Без текстовой части во вкладке нет самого текста

     </header>
    
          <nav class='nav'>
    
              <ul>
    
                 <a href="/"><li id="start">Главная</li></a>
    
                 <a href="/about-partners"><li>О союзе</li></a>
    
                 <a href="/docs"><li>Документы</li></a>
    
                 <a href="/eps_i_osbu"><li id="end">ЕПС и ОСБУ</li></a>
    
                 <a href="/raskrytie-informacii"><li>Раскрытие информации</li></a>
    
                 <a href="/member-list"><li>Реестр членов</li></a>
    
                 <a href="/norm-base"><li>Нормативная База</li></a>
    
                 a[href='/member-list'] li { background: red; }
    
                 <a href="/info-kpk"><li>Информация КПК</li></a>
    

    мой мозг додумался только до этого)

    Модератор Юрій

    (@yube)

    О ужас! 🙂

    В HTML — html, стили — в css.

    Но если это трудно, некогда заморачиваться или просто пофиг, то стили можно вписать прямо в html (по-умному это свинство называется in-line style)

    <a href="/member-list"><li style="background: #000; color: #fff;">Реестр членов</li></a>
    

    То есть, прямо в теге добавляете атрибут style="" и раскрашиваете как душе угодно.

    На всякий случай объясню, чем это плохо. Это плохо тем, что при изменении оформления, скажем, цвета фона, придется выискивать все такие вставки и править. Когда мухи отдельно от котлет, менять проще.

    Спасибо, не знал про все это) Буду изучать этот вопрос в свободное время)

Просмотр 8 ответов — с 1 по 8 (всего 8)

Тема «Как сменить цвет кнопки в меню» закрыта для новых ответов.