Learn CSS pseudo elements in 4 minutes 🔎

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

#CSS #pseudo #elements

p::first-letter{
font-size: 40px;
font-style: italic;
}
p::first-line{
color: skyblue;
}
#list1 li::before{
content: "✔";
}
#CSS::after{
content: "👈";
}
li::marker{
color: silver;
}
p::selection{
color: white;
background: black;
}
  1. Bro Code
  2. tutorial
  3. html
  4. css
  5. before pseudo element
  6. after pseudo element
Рекомендации по теме
Learn CSS Pseudo 0:07:50

Learn CSS Pseudo Elements In 8 Minutes

CSS Pseudo-elements :: 0:01:57

CSS Pseudo-elements :: in 100 Seconds

Learn CSS pseudo 0:04:49

Learn CSS pseudo elements in 4 minutes 🔎

Learn CSS pseudo-elements 0:05:57

Learn CSS pseudo-elements in 5 minutes! ✔

Learn CSS pseudo-classes 0:07:38

Learn CSS pseudo-classes in 7 minutes! ☟

Before and After 0:09:08

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

CSS Pseudo Elements 0:07:32

CSS Pseudo Elements Explained in 7 Minutes

CSS Pseudo-classes: in 0:02:00

CSS Pseudo-classes: in 100 Seconds

How to create 1:55:32

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

36: CSS Pseudo 0:19:16

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

Learn Every CSS 0:19:38

Learn Every CSS Selector In 20 Minutes

Learn CSS In 0:11:07

Learn CSS In Arabic 2021 - #36 - Pseudo Elements - Before, After, Content

Pseudo Classes CSS 0:21:58

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

CSS Pseudo-Classes vs 0:20:19

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

You Still Don’t 0:41:32

You Still Don’t Understand Before and After Pseudo-Elements | CSS Course

CSS Pseudo Elements: 0:09:54

CSS Pseudo Elements: What they are & how to use them

Learn CSS In 0:11:28

Learn CSS In Arabic 2021 - #34 - Pseudo Classes

CSS Pseudo Elements 0:20:42

CSS Pseudo Elements Tutorial | Learn CSS

Learn CSS ::before 0:02:22

Learn CSS ::before and ::after pseudo elements in Just 2 minutes!

Learn CSS In 0:06:49

Learn CSS In Arabic 2021 - #35 - Pseudo Elements - First Letter, First Line, Selection

Learn CSS Pseudo 0:03:37

Learn CSS Pseudo Elements & Classes in 4 Minutes!

Pseudo Elements In 0:05:57

Pseudo Elements In CSS | CSS Tutorial For Beginners | Learn CSS For Web Design

Learn CSS Before 0:07:02

Learn CSS Before & After Pseudo Elements: The Most Confusing Part of CSS?

[Learn CSS Fundamentals 0:11:11

[Learn CSS Fundamentals in Arabic 2022] #38 Pseudo Element (after & before)

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

/* style.css */

p::first-letter{
font-size: 40px;
font-style: italic;
}
p::first-line{
color: skyblue;
}
#list1 li::before{
content: "✔";
}
#CSS::after{
content: "👈";
}
li::marker{
color: silver;
}
p::selection{
color: white;
background: black;
}

<!DOCTYPE html>

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

<!-- pseudo-element = used to style specific
parts of an element

selector::pseudo-element

h1::first-letter
-->

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti aliquid iste aspernatur ullam pariatur officia, ipsam eligendi illum possimus nobis animi ipsa deserunt labore hic facere repudiandae quisquam earum qui!</p>

<ul id="list1">
<li id="HTML">HTML</li>
<li id="CSS">CSS</li>
<li id="JS">Javascript</li>
</ul>

<ul id="list2">
<li id="C#">C#</li>
<li id="C++">C++</li>
<li id="C">C</li>
</ul>

</body>
</html>

BroCodez
Автор

Bro you deserve a lot of subscribers for your efforts 😊 thanks for this videos🙏🙂

mathematicswithprabuddha
Автор

HOLA DESDE PERU, RECIEN INICIANDOME EN ESTE MUNDO, TUS VIDEOS SON MUY BIEN EXPLICADOS Y PRECISOS, GRACIAS POR TUS APORTES.

MIGUELSALAZAR-tdkv
Автор

U r D best BRO💯🔥 Learning from India🇮🇳

subh
Автор

Broooo you deserve a lot thank you so much

HashiramaSenju-fwuu
Автор

Thanks Bro, this really cleared things up for me!

qcy
Автор

Bro thanks for the video 📹, more subscribers

ssekabirarobs
Автор

this tutorial is very helpful, thank you. Have a taco on me! 🌮🌮🌮, when I get to your CSS margins tutorial, I'll leave rice beans and tortillas, and CSS animation...all you can drink Sangria! Again, thanks much... 🙂

ca-ltfc
Автор

everything is working fine now and ngl bro CSS is amazing

NarutoUzumakiDatebayo
Автор

Hi, I'm AJ and have just become a fellow Bro by liking, subscribing, and commenting :) LOL THANK YOU!

AdrianoJolivesi
Автор

How can i change the first letter selection? following the example on this video? cause the selection properties only change for the paragraph and dont include the first letter.

geer
Автор

Is this the last video of the css series?

zakariaayadi