Learn CSS pseudo classes in 5 minutes 👨‍👧‍👦

Рет қаралды 28,537

2 жыл бұрын

CSS pseudo classes elements tutorial example explained
#CSS #pseudo #classes
/* -------------- style.css --------------*/
a:link{
color:lawngreen;
}
a:visited{
color:grey;
}
a:hover{
color:tomato;
}
a:active{
color:yellow;
}
button:hover{
background-color: lightgrey;
}
button:active{
background-color: white;
}
li:nth-child(1){
background-color: yellow;
}
li:nth-child(even){
background-color: skyblue;
}
li:nth-child(odd){
background-color: powderblue;
}
li:nth-child(5n+0){
background-color: yellow;
}

Пікірлер: 49

@BroCodez 2 жыл бұрын

/* -------------- style.css --------------*/ a:link{ color:lawngreen; } a:visited{ color:grey; } a:hover{ color:tomato; } a:active{ color:yellow; } button:hover{ background-color: lightgrey; } button:active{ background-color: white; } /* li:nth-child(1){ background-color: yellow; } li:nth-child(even){ background-color: skyblue; } li:nth-child(odd){ background-color: powderblue; } */ li:nth-child(5n+0){ background-color: yellow; } My first website Google.com click me This is element #1 This is element #2 This is element #3 This is element #4 This is element #5 This is element #6 This is element #7 This is element #8 This is element #9 This is element #10

@sashwatyo1293 Жыл бұрын

your knowledge of different colours shows how experienced u are !

@winner__mentality Жыл бұрын

bro , i'm learning web devolopement in coursera , but gotta say it , you explain things way better than all those university teachers , you go straieght to the main point , with a very basic yet good definition

@projetoventura 2 жыл бұрын

Yo thank you man!! These short videos are awesome

@Rzyrito 5 ай бұрын

5min video felt like 1min. just by how good you explain it. I've come to you twice now. youve earned my sub thank you!

@navetwizer9853 2 жыл бұрын

As always, amazing!

@justinbanza4751 2 жыл бұрын

Thank you very much for these videos

@dev20114 8 ай бұрын

Thanks man! Always a lifesaver!

@Algrebasandy Ай бұрын

Amazing

@mohammedminoddinsharker8460 8 ай бұрын

thanks a lot for the nice video

@anirudhunleashes8497 2 жыл бұрын

Hello Sir, Thank you For the tutorial Sir, First Comment

@AntiPedophile Жыл бұрын

thanks bro ,sincerely

@loucheabdji7755 Жыл бұрын

thank you for all mr.

@BouncingDande 8 ай бұрын

brilliant

@albertshine6661 Жыл бұрын

nice nice

@fluffyhoneytina Жыл бұрын

saved to my playlist

@adhamjonodiljonov341 2 жыл бұрын

Thanks bro

@MrLoser-ks2xn Жыл бұрын

Thanks!

@Safrout007 7 ай бұрын

Thank you 3000

@englishlearning413 2 жыл бұрын

Perfect

@TheEvertonDias Жыл бұрын

Thanks, Bro!

@velendamulelo Жыл бұрын

bromazing as usual

@kartikchauhan2778 Жыл бұрын

Nice

@ahmedyahya3593 2 жыл бұрын

bro code you are the best man

@CrazyD4RKiller1 2 жыл бұрын

Hey bro, I was wondering if your ever going to make a LUA full course.

@BroCodez 2 жыл бұрын

I'm not sure if I'll be covering Lua

@CrazyD4RKiller1 2 жыл бұрын

@@BroCodez That's fine

@user-jy4qe8nu5v 10 ай бұрын

better than my bootcam

@madhun459 Жыл бұрын

Hey bro, can u make a tutorial on css grid....

@duyenluu-rh5fb 2 ай бұрын

How do you get to the interface on the right hand side ?? Can you show me, please!

@NarutoUzumakiDatebayo Жыл бұрын

a:hover and a:link both didn't work for me can your explain me why ? i am using Firefox and also used the preview extension it still doesn't work for me