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,098,379 Просмотров

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


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

@iviwegagayi4699
@iviwegagayi4699 - 08.01.2023 20:37

Thanks. This was very informative!

Ответить
@shovarajouria110
@shovarajouria110 - 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.

Ответить
@AbderrahimHouady
@AbderrahimHouady - 19.01.2023 15:43

great video

Ответить
@BigBaddaBoom
@BigBaddaBoom - 24.01.2023 04:15

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

Ответить
@lamyabenammar3050
@lamyabenammar3050 - 24.01.2023 13:48

simple and informative, THANKS!

Ответить
@sha8888
@sha8888 - 03.02.2023 13:33

WOW

Ответить
@jasonshere
@jasonshere - 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 :

Ответить
@skipbrandon4195
@skipbrandon4195 - 12.02.2023 22:50

Which font is that on the sidebar? Looks great

Ответить
@JavArButt
@JavArButt - 25.02.2023 12:42

I just came across this video - thank you

Ответить
@abishkarkarki268
@abishkarkarki268 - 26.02.2023 10:20

5 years and still helpful thank you

Ответить
@LuizHenrique-gm1cc
@LuizHenrique-gm1cc - 23.03.2023 01:01

Nice video

Ответить
@amandasimonds9
@amandasimonds9 - 24.03.2023 19:06

THANK YOU KEVIN!!

Ответить
@Furki4_4
@Furki4_4 - 24.03.2023 19:47

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

Ответить
@Ahmed_salar
@Ahmed_salar - 31.03.2023 14:08

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

Ответить
@larsolesen9882
@larsolesen9882 - 11.04.2023 12:13

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

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

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

Ответить
@bhanukiran5089
@bhanukiran5089 - 16.04.2023 09:39

Thanks for making it easy for us. 😃

Ответить
@ajm7318
@ajm7318 - 24.04.2023 22:27

Great video!

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

Here before 1M

Ответить
@Aabara_ka_dabara
@Aabara_ka_dabara - 05.05.2023 09:08

good concept

Ответить
@789tridente
@789tridente - 12.05.2023 19:30

this is truly a before and after in my css

Ответить
@alvaronaranjo2589
@alvaronaranjo2589 - 15.05.2023 17:15

Love how the quality of your videos just keeps getting better

Ответить
@SFC_77
@SFC_77 - 18.06.2023 01:40

Finally I understood how the pseudo elements works. Thanks!

Ответить
@progaming3662
@progaming3662 - 20.07.2023 09:03

make jsvascript tutorial please

Ответить
@JocelynAlsdorf
@JocelynAlsdorf - 21.07.2023 03:32

wow. thank you for this info. well done!

Ответить
@johnthomas1833
@johnthomas1833 - 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> ??

Ответить
@Maftei_Gabriel
@Maftei_Gabriel - 27.07.2023 09:14

Thanks a lot!

Ответить
@bluebatvevo812
@bluebatvevo812 - 31.07.2023 08:09

I was searching for this video.

Ответить
@Jo70964s
@Jo70964s - 31.07.2023 12:25

thanks bro

Ответить
@icchigoat
@icchigoat - 20.08.2023 07:30

What font did you use for the p tag?

Ответить
@the_ashhar
@the_ashhar - 02.09.2023 13:22

thanks

Ответить
@andrewwarren654
@andrewwarren654 - 06.09.2023 02:57

Awesome!

Ответить
@agenorhenriquedesouza8225
@agenorhenriquedesouza8225 - 12.09.2023 00:55

Excelente aula, obrigado amigo. From Brazil.

Ответить
@mayanksoni1600
@mayanksoni1600 - 24.09.2023 18:53

Thanx it really helps !!

Ответить
@ryangreen7581
@ryangreen7581 - 29.10.2023 09:19

Absolute legend 👏

Ответить
@musicascontadas
@musicascontadas - 11.12.2023 01:18

You rock man!

Ответить
@kopilkaiser8991
@kopilkaiser8991 - 05.01.2024 08:19

Thank you for sharing with us your knowledge. This helped me to clear my confusion on pseudo elems and helpes me to understand the topic better 😊

Ответить
@taranveersingh05
@taranveersingh05 - 27.01.2024 07:53

Is this larry page?

Ответить
@tarasshevchuk8477
@tarasshevchuk8477 - 13.03.2024 22:29

Thank you !

Ответить
@HermesSoilder
@HermesSoilder - 08.04.2024 18:28

ok i have to know, what mic are you using man

Ответить
@PrAdEePRR-tb7rc
@PrAdEePRR-tb7rc - 29.04.2024 14:48

How to change the content of pseudo elements conditionally.
// if you don't reply you are gay

Ответить
@lamour6139
@lamour6139 - 26.05.2024 15:55

l wish l would be able to take lessons from you. l need it

Ответить
@PIPI-ut5bd
@PIPI-ut5bd - 15.06.2024 07:03

Thank you so much teacher!

Ответить
@ArpitSharma-po7gx
@ArpitSharma-po7gx - 27.06.2024 07:39

sir can we use an image as a content in a before or after pseudo element ?

Ответить
@Sportgameww
@Sportgameww - 11.07.2024 08:43

Thank you sir 🙌🙌🙌.I wanted to make small line in h2 top and bottom.

Ответить
@calyxmario2279
@calyxmario2279 - 11.07.2024 10:25

Kevin Powell,
Devbyed
Coding2go

Ответить
@cheris5868
@cheris5868 - 21.08.2024 03:46

I was really confused on how it works when I'm reading about it, I'm so thankful for your vids!

Ответить
@michelemoneywell8765
@michelemoneywell8765 - 14.10.2024 14:28

Thank you for the illustrated and to-the-point explanation. Well done. Says Part 1; will see if indeed there are other parts.

Ответить
@oilglobally8571
@oilglobally8571 - 14.12.2024 13:04

I got nothing

Ответить