Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

Emil7676

  • 0
    вклад
  • 21
    вопрос
  • 0
    ответов
  • 0%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как сделать ссылку в классе?

    websitedev
    Арамаис Мирзоян @websitedev
    Веб-разработчик. Разрабатываю сложные сайты.
    Эти стили распространяются и на все li, которые находится внутри ulheader.

    ul.ulheader li a {
        position: relative;
        top: -20px;
        line-height: 80px; 
        padding: 0 20px; 
        height: 80px; 
        color: #777;
       -webkit-transition: all .1s ease-out;
       -moz-transition: all .1s ease-out;
       -ms-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
       transition: all .1s ease-out;
    }


    Нужно делать так, чтобы стили распространялись только на тех li, которые стоят на самом высоком уровне от родителя.

    ul.ulheader > li > a {
        position: relative;
        top: -20px;
        line-height: 80px; 
        padding: 0 20px; 
        height: 80px; 
        color: #777;
       -webkit-transition: all .1s ease-out;
       -moz-transition: all .1s ease-out;
       -ms-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
       transition: all .1s ease-out;
    }


    Смотрите готовый пример
    Ответ написан 21 июл. 2022
    3 комментария
    3 комментария
  • Как сделать плавный якорь?

    penushkin @penushkin
    const scrollIntoViewWithOffset = (selector, offset) => {
      window.scrollTo({
        behavior: 'smooth',
        top:
          document.querySelector(selector).getBoundingClientRect().top -
          document.body.getBoundingClientRect().top -
          offset,
      })
    }
    Ответ написан 21 июл. 2022
    5 комментариев
    5 комментариев
  • Как сделать появляющийся header?

    RAX7
    RAX7 @RAX7
    Это называется "липкий хедер"
    https://www.google.com/search?q=%D0%BB%D0%B8%D0%BF...
    https://www.youtube.com/results?search_query=%D0%B...
    Ответ написан 19 июл. 2022
    Комментировать
    Комментировать
  • Как сделать чтобы одна секция шла после другой, и не накрывала её?

    ArtJH @ArtJH
    Нужно у обеих секции убрать свойство absolute. Тогда элементы сами по себе станут в ряд друг за другом
    Ответ написан 12 июл. 2022
    1 комментарий
    1 комментарий
Оценили как «Нравится»
Самые активные сегодня
  • Drno
    • 9 ответов
    • 0 вопросов
  • vabka
    Василий Банников
    • 5 ответов
    • 0 вопросов
  • scoffs
    Семён Окулов
    • 5 ответов
    • 0 вопросов
  • s0lgryn
    Филипп Гинкель
    • 4 ответа
    • 1 вопрос
  • dturkey
    • 3 ответа
    • 1 вопрос
  • HistoryART
    Владимир
    • 2 ответа
    • 2 вопроса
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации