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

[@prosto_razrabotka]

Не забудьте заглянуть сюда: ❓ Запись на консультацию - 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к]

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

[@ВладЛитвин-с6д]

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

[@zickey3625]

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

[@hakeeeem]

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

[@donaks]

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

[@phello57]

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

[@РоманРусак-ю5ы]

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

[@ТетянаКриш]

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

[@-game9406]

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

[@toto4q718]

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

[@vladislava_sim]

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

[@prosto_razrabotka]

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

[@Istanislav1]

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

[@melissasofie7681]

Да. 👍

[@АнтонОсташов-ж6ъ]

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

[@PauILIL]

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

[@ЕвгенийЧухарев-ш1ф]

Нет

[@raymond1489]

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

[@donaks]

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

[@musicforsleepandrelaxation5149]

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

[@prosto_razrabotka]

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

[@webdevelopment5337]

Спасибо)

[@TheTexPro]

Спасибо!

[@adiks09]

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

[@prosto_razrabotka]

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

[@АльбертПетров-ш2и]

C G C

[@mushnikov35]

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

[@asilbekyoldoshbekov5533]

:)

[@ИванИванов-у3ч4м]

ыв

[@АндрейЦаплин-ш8ы]

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