Псевдоэлементы Before и After. Как применять Псевдоэлементы. Какие псевдоэлементы существуют

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ •

  • @prosto_razrabotka
    @prosto_razrabotka  4 роки тому

    Не забудьте заглянуть сюда:
    ❓ Запись на консультацию - prosto-razrabotka.ru/
    ✨ Telegram канал - t.me/prostorazrabotka/
    🔥 Telegram чат - t.me/prostorazrabotkachat/
    Можете добавиться в друзья:
    📷 Instagram - instagram.com/vitaliy.kirenkov/
    📘 ВКонтакте - vk.com/vitaliy.kirenkov/
    📗 Facebook - facebook.com/vitaliy.kirenkov/
    📙 LinkedIn - www.linkedin.com/in/kirenkov/
    ✏️ Twitter - twitter.com/VitaliyKirenkov/
    А так же, подписаться на страницы:
    📘 ВКонтакте - vk.com/public195137161/
    📗 Facebook - facebook.com/prostorazrabotka/

  • @МихайлоСеліхов-г4к
    @МихайлоСеліхов-г4к 5 років тому +11

    Виталий, большое спасибо за ваш труд, я фанат каждого из ваших видео! Наконец-то я нашел канал, где меньше всего воды, и больше всего актуальной информации. После каждого просмотра чувствую как на микрон увеличивается мой скилл в верстке, еще раз спасибо!

  • @hakeeeem
    @hakeeeem 3 роки тому

    Благодарю за ваш контент

  • @donaks
    @donaks 5 років тому +2

    Большое спасибо, бро!

  • @phello57
    @phello57 3 роки тому +7

    Никогда в программировании не объясняйте как что то работает без показа этого на экране компьютера. Ничего не усваивается, нужно конкретно видеть то, о чем говорится

  • @zickey3625
    @zickey3625 2 місяці тому

    То есть если к тому списку тегов применить дисплей блок или инлайн блок. То можно и к img например бифор-афтер применять?

  • @ВладЛитвин-с6д
    @ВладЛитвин-с6д Рік тому

    Вот за этот список спасибо большое, теперь понятно почему у меня ничего не работает)

  • @prosto_razrabotka
    @prosto_razrabotka  5 років тому +43

    Полезное было видео?

    • @Istanislav1
      @Istanislav1 5 років тому +2

      да, действительно полезное дополнение к предыдущим роликам. Стало понятнее, что значит ПСЕВДО (физическое отсутствие в DOM-дереве, ) - это путает при первом взгляде, изучая стили

    • @melissasofie7681
      @melissasofie7681 5 років тому +1

      Да. 👍

    • @АнтонОсташов-ж6ъ
      @АнтонОсташов-ж6ъ 5 років тому +1

      Видео полезное, но если бы демонстрировали, то вообще огонь было бы

    • @PauILIL
      @PauILIL 3 роки тому

      Нихрена не понял, зачем они нужны.

    • @ЕвгенийЧухарев-ш1ф
      @ЕвгенийЧухарев-ш1ф 3 роки тому

      Нет

  • @ТетянаКриш
    @ТетянаКриш 4 роки тому +1

    Есть svg иконка. Нужно через комбинацию :hover и ::after реализовать всплывающую подсказку с названием. Не выходит. Скорее всего я не правильно подключаю svg. Каким образом мне его оформить чтоб сработала моя комбинация? Через ссылку в .html не работает и как картинка тоже. Как его правильно подключить? Я только учусь. Постоянно возникают вопросы 😐

    • @-game9406
      @-game9406 4 роки тому +2

      Создай div в ширину svg, а сам svg сделай фоном diva. На див поставь ховер
      Понимаю, что поздно, но все же ответил. Отпишись, если помогло

  • @РоманРусак-ю5ы
    @РоманРусак-ю5ы 2 роки тому

    а в блоках вопрос-ответ кружочки раскрывающиеся в списке, их тоже псевдоэлементами делать надо?

  • @toto4q718
    @toto4q718 3 роки тому

    Было бы здорово, если бы вы почаще вставляли изображения (как здесь 3:30), так лучше воспринимается и крепче запоминается ваш материал. Спасибо за видео!

  • @vladislava_sim
    @vladislava_sim 4 роки тому +1

    подача информации хорошая, голос приятный, только минус в том, что вы сказали о псевдоэлементах лишь в общем, не показав, например, как это выглядит в коде

  • @raymond1489
    @raymond1489 5 років тому +17

    Нихуя не понял, но было интересно.

    • @donaks
      @donaks 5 років тому

      Все понятно -_-

  • @TheTexPro
    @TheTexPro 5 років тому

    Спасибо!

  • @webdevelopment5337
    @webdevelopment5337 5 років тому

    Спасибо)

  • @musicforsleepandrelaxation5149
    @musicforsleepandrelaxation5149 4 роки тому

    Виталий, добрый день! А как можно с помощью псевдоэлемента растянуть ссылку относительно блока? Например, есть картинка, а на ней расположена ссылка, при наведении на картинку мы как бы можем кликнуть на ссылку.

    • @prosto_razrabotka
      @prosto_razrabotka  4 роки тому

      В картинке чисто технически не может быть ссылки...

  • @adiks09
    @adiks09 4 роки тому

    Я наконец узнал что это тултипы и их можно делать не с помощью картинки)

    • @prosto_razrabotka
      @prosto_razrabotka  4 роки тому

      Только не тулЬтипы, а тултипы -)) От английского "tooltip"

  • @АльбертПетров-ш2и
    @АльбертПетров-ш2и 2 роки тому

    C G C

  • @ИванИванов-у3ч4м
    @ИванИванов-у3ч4м 4 роки тому

    ыв

  • @mushnikov35
    @mushnikov35 5 років тому +1

    Молодец червячок )) без обид, просто похож )

  • @АндрейЦаплин-ш8ы
    @АндрейЦаплин-ш8ы 7 місяців тому

    Ничего не сказал о том, что к псевдоэлементам нельзя обратиться через JavaScript