Before and After pseudo elements explained - part one: how they work

Before and After pseudo elements explained - part one: how they work

Kevin Powell

6 лет назад

1,086,482 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Ryan Green
Ryan Green - 29.10.2023 09:19

Absolute legend 👏

Ответить
Mayank Soni
Mayank Soni - 24.09.2023 18:53

Thanx it really helps !!

Ответить
Agenor Henrique de Souza
Agenor Henrique de Souza - 12.09.2023 00:55

Excelente aula, obrigado amigo. From Brazil.

Ответить
Andrew Warren
Andrew Warren - 06.09.2023 02:57

Awesome!

Ответить
Ashhar Ali Ahmed
Ashhar Ali Ahmed - 02.09.2023 13:22

thanks

Ответить
Sir Enhanced
Sir Enhanced - 20.08.2023 07:30

What font did you use for the p tag?

Ответить
CoderX
CoderX - 31.07.2023 12:25

thanks bro

Ответить
Bluebat
Bluebat - 31.07.2023 08:09

I was searching for this video.

Ответить
Gabriel Maftei
Gabriel Maftei - 27.07.2023 09:14

Thanks a lot!

Ответить
john thomas
john thomas - 25.07.2023 17:31

What is I give position absolute for ::after ??

Will it be relative to the <p> tag or the parent of <p> ??

Ответить
Jocelyn Alsdorf
Jocelyn Alsdorf - 21.07.2023 03:32

wow. thank you for this info. well done!

Ответить
ProGaming
ProGaming - 20.07.2023 09:03

make jsvascript tutorial please

Ответить
Eduardo Alcantara de Oliveira
Eduardo Alcantara de Oliveira - 18.06.2023 01:40

Finally I understood how the pseudo elements works. Thanks!

Ответить
Alvaro
Alvaro - 15.05.2023 17:15

Love how the quality of your videos just keeps getting better

Ответить
JSN
JSN - 12.05.2023 19:30

this is truly a before and after in my css

Ответить
Sakshssy_1
Sakshssy_1 - 05.05.2023 09:08

good concept

Ответить
Chriss4123
Chriss4123 - 01.05.2023 12:29

Here before 1M

Ответить
AJ M
AJ M - 24.04.2023 22:27

Great video!

Ответить
bhanu kiran
bhanu kiran - 16.04.2023 09:39

Thanks for making it easy for us. 😃

Ответить
smakaev
smakaev - 12.04.2023 17:11

thanks so much, was really stuck with gradient button border only on hover problem. helped a lot

Ответить
Lars Olesen
Lars Olesen - 11.04.2023 12:13

Images should work if you put them as display:block, or inside a div.

Ответить
Salar Op Gaming
Salar Op Gaming - 31.03.2023 14:08

Thank you for this video i was very confused but you have solved my problem ❤❤

Ответить
Furkan Cengiz
Furkan Cengiz - 24.03.2023 19:47

these were one of the most mystic elements for me, thank you for the explanation ! going to next video...

Ответить
Amanda Simonds
Amanda Simonds - 24.03.2023 19:06

THANK YOU KEVIN!!

Ответить
Luiz Henrique2
Luiz Henrique2 - 23.03.2023 01:01

Nice video

Ответить
Abishkar Karki
Abishkar Karki - 26.02.2023 10:20

5 years and still helpful thank you

Ответить
Javed
Javed - 25.02.2023 12:42

I just came across this video - thank you

Ответить
Skip Brandon
Skip Brandon - 12.02.2023 22:50

Which font is that on the sidebar? Looks great

Ответить
Jason Pogue
Jason Pogue - 11.02.2023 04:09

I'm a new viewer (and subscriber) and I just wanted to say that I appreciate your professionalism and expert knowledge, that even present in your lessons 4 years ago.

Thanks for pointing out :: vs :

Ответить
MrBeeTwo
MrBeeTwo - 05.02.2023 06:22

very well explained Kevin. thank you

Ответить
SHA-888
SHA-888 - 03.02.2023 13:33

WOW

Ответить
Lamya Ben Ammar
Lamya Ben Ammar - 24.01.2023 13:48

simple and informative, THANKS!

Ответить
XXAIX
XXAIX - 24.01.2023 04:15

I was surprised to see this work: .card-answer > p:first-of-type::before

Ответить
Abderrahim Houady
Abderrahim Houady - 19.01.2023 15:43

great video

Ответить
Shova Rajouria
Shova Rajouria - 15.01.2023 09:26

Image doesn't have before and after pseudo elements because it has no content or it is the content itself.
Pseudo elements are inline elements by default.

Ответить
Iviwe Gagayi
Iviwe Gagayi - 08.01.2023 20:37

Thanks. This was very informative!

Ответить
Christopher Claudio Skierka
Christopher Claudio Skierka - 08.01.2023 02:08

Hi this maybe a silly question but how did you split the screen like that ? (left /right parts)

Ответить
Mr Spintch
Mr Spintch - 06.01.2023 03:09

Why in the heavens would you use lightmode in a programming tutorial

Ответить
Shahan Ahmed
Shahan Ahmed - 04.01.2023 08:33

That is awwwwwwwwwwwwwwsome!!!!!!!!!!!!

Ответить
Travellingstranger
Travellingstranger - 01.01.2023 11:31

excellent!

Ответить
DJ HONZA
DJ HONZA - 31.12.2022 17:38

Thank you from the bottom of my heart for simplifying this for me!! The best explanation ever!

Ответить
funny animal world
funny animal world - 27.12.2022 18:53

have you ever made a video on safari related css issues? because once in a while i get css issues that only ocur on safari .i think it would really help alot of people if you made a video on this topic. perhaps ways to solve common issues or where to check for diferences between safari and whole world :D.

Ответить
Азамат Пулатов
Азамат Пулатов - 26.12.2022 13:34

IDK why bro but I'm out of breath while and after watching your videos

Ответить
Soham Mahure
Soham Mahure - 22.12.2022 14:04

very nicely explained and very useful information

Ответить
浩洋
浩洋 - 29.11.2022 18:39

Great! Love your videos ❤

Ответить
Alvarez
Alvarez - 27.11.2022 04:55

Thak you Maestro, I'll follow you !!!!!!!!!!!

Ответить
Daniel Ribeiro
Daniel Ribeiro - 18.11.2022 23:31

Man, your videos are just amazing! What a simple way to explain those things! Congratulations!

Ответить
Teodora Zhelyazkova
Teodora Zhelyazkova - 15.11.2022 14:36

💚

Ответить
Roving Camera
Roving Camera - 12.11.2022 02:59

That was a very good explanation of ::before and ::after. I was confused about what those pseudo selectors were all about. Now I'm not ,thanks to this video.

Ответить