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

preview_player
Показать описание
CSS pseudo classes elements tutorial example explained

#CSS #pseudo #classes

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;
}
  1. Bro Code
  2. css pseudo elements
  3. css tutorial
  4. css pseudo elements tutorial
  5. pseudo elements
  6. pseudo elements tutorial
Рекомендации по теме
Learn CSS pseudo-classes 0:07:38

Learn CSS pseudo-classes in 7 minutes! ☟

Learn CSS Pseudo 0:07:50

Learn CSS Pseudo Elements In 8 Minutes

CSS Pseudo-classes: in 0:02:00

CSS Pseudo-classes: in 100 Seconds

Learn CSS pseudo 0:05:49

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

The new CSS 0:13:50

The new CSS pseudo-classes explained - :is() :where() :has()

CSS Pseudo-elements :: 0:01:57

CSS Pseudo-elements :: in 100 Seconds

CSS pseudo classes 0:15:32

CSS pseudo classes (#7) 🦄

Learn Every CSS 0:19:38

Learn Every CSS Selector In 20 Minutes

How to create 1:55:32

How to create Responsive Creative Learning website in HTML CSS and JavaScript

Learn CSS pseudo-elements 0:05:57

Learn CSS pseudo-elements in 5 minutes! ✔

Learn CSS pseudo 0:04:49

Learn CSS pseudo elements in 4 minutes 🔎

Pseudo Classes CSS 0:21:58

Pseudo Classes CSS , Pseudo Elements, ::before and ::after in CSS | Web Development Course #31

CSS Pseudo Classes 0:16:51

CSS Pseudo Classes and Elements Explained | CSS Tutorial for Beginners | SimpliCode

CSS Pseudo-Classes vs 0:20:19

CSS Pseudo-Classes vs Pseudo-Elements | Pseudo-Selectors Tutorial

Learn CSS In 0:11:28

Learn CSS In Arabic 2021 - #34 - Pseudo Classes

Learn CSS pseudo 0:05:44

Learn CSS pseudo classes in 5 minutes 🕒

Do you know 0:05:42

Do you know the difference? pseudo-classes vs pseudo-elements

Learn CSS Pseudo-Classes 0:08:20

Learn CSS Pseudo-Classes in 8 minutes!

36: CSS Pseudo 0:19:16

36: CSS Pseudo Elements and Classes | Style Part of an Element | Learn HTML and CSS | Full Course

HTML & CSS 0:16:47

HTML & CSS Crash Course Tutorial #9 - Pseudo Classes & Elements

CSS Pseudo Classes 0:07:15

CSS Pseudo Classes vs Pseudo Elements Explained (with examples)

Unlock the Power 0:00:59

Unlock the Power of :nth-last-child() Pseudo-Class in CSS

CSS Pseudo Classes 0:09:55

CSS Pseudo Classes | Web Development Basics Course

CSS’s :target pseudo-class 0:00:28

CSS’s :target pseudo-class is surprisingly powerful

Комментарии
Автор

/* 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;
}

<!DOCTYPE html>

<html>
<head>
<title>My first website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<!--pseudo-class = a keyword added to a
selector that specifies a special
state of the selected element(s) -->

<button>click me</button>

<ul>
<li>This is element #1</li>
<li>This is element #2</li>
<li>This is element #3</li>
<li>This is element #4</li>
<li>This is element #5</li>
<li>This is element #6</li>
<li>This is element #7</li>
<li>This is element #8</li>
<li>This is element #9</li>
<li>This is element #10</li>
</ul>

</body>
</html>

BroCodez
Автор

your knowledge of different colours shows how experienced u are !

sashwatyo
Автор

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

winner__mentality
Автор

Yo thank you man!! These short videos are awesome

projetoventura
Автор

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!

Rzyrito
Автор

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

anirudhunleashes
Автор

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

CrazyDRKiller
Автор

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

duyenluu-rhfb
Автор

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

madhun
Автор

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

NarutoUzumakiDatebayo
Автор

popsible to start your own course? i
I will definitely buy it!!

ahmedyahya
Автор

Hey can u make a tutorial on react. Js

debapriyasinha
Автор

Plz make a tutorial on "HAXE"

gujjargaming
Автор

Fun tip : You can also use li.class*10

debapriyasinha