CSS Combinators - What is a combinator & how to apply it to selectors?

  Рет қаралды 14,906

Cem Eygi Media

Cem Eygi Media

Күн бұрын

In the previous video, we've discussed the 5 main selectors in CSS and how to use them to target HTML elements in different ways. However, in some cases, using selectors alone may not be enough or efficient.
Fortunately, CSS also provides other ways to target elements, by using selectors together which is known as combinators and in this video, we're going to talk about what these combinators are and how to use them in CSS.
A combinator is a way to define the relation between selectors. By using combinators, for example, we can target only child elements of a parent element, or we can target an element followed by another element on the same level and like that.
There are 4 types of combinators as:
descendant selector
child selector
adjacent sibling selector
general sibling selector
Video Editor: iMovie
------------------------------- Follow Me on Twitter -----------------------------------
Twitter - @cem_eygi - / cem_eygi

Пікірлер: 18
@anasoualla8075
@anasoualla8075 3 жыл бұрын
Simple ,short and effective thank you !
@nikhil1651998
@nikhil1651998 2 жыл бұрын
Wao. Much better explanation than 15 minutes longer videos.
@rakeshdurgad9965
@rakeshdurgad9965 Жыл бұрын
Clearly explained 🙂
@mangalapadmasiri3318
@mangalapadmasiri3318 3 жыл бұрын
Short and sweet explanation. I like it. Thanks for the vedio.
@charlestoneoyoo
@charlestoneoyoo Жыл бұрын
This was straight up to the point, thank you
@zawarudo6389
@zawarudo6389 2 жыл бұрын
i understood the concept thanks man
@sajadzirak43
@sajadzirak43 Жыл бұрын
that was really helpful :)
@jeromesuantak2695
@jeromesuantak2695 3 жыл бұрын
5mins felt like 20 seconds. amazing!
@pedrolucas4826
@pedrolucas4826 Жыл бұрын
Thank you so much!
@oldaccount9358
@oldaccount9358 2 жыл бұрын
Thank you, so much.
@Zilla702Killa
@Zilla702Killa 3 жыл бұрын
You explained this better then my boot camp lol
@urigross
@urigross 3 жыл бұрын
Great video !
@yosrayari9555
@yosrayari9555 3 жыл бұрын
Very Helpful Thanks
@rishabhtiwari7096
@rishabhtiwari7096 4 жыл бұрын
good one
@dongiannisiliadis9018
@dongiannisiliadis9018 2 жыл бұрын
thank you
@rahulshekar907
@rahulshekar907 Жыл бұрын
Difference b/w adjacent and general sibling is that In adjacent only the next sibling will be selected and In General all the sibling will be selected
@sebastianarguedas5614
@sebastianarguedas5614 3 жыл бұрын
What software do you use
@nadjaleijonros1323
@nadjaleijonros1323 3 жыл бұрын
Youre voice sounds like a computer ^^ Nice video, ty!
The new CSS pseudo-classes explained - :is() :where() :has()
13:50
Kevin Powell
Рет қаралды 145 М.
The one CSS combinator I use in every project
15:04
Kevin Powell
Рет қаралды 107 М.
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 55 МЛН
We Attempted The Impossible 😱
00:54
Topper Guild
Рет қаралды 56 МЛН
Сестра обхитрила!
00:17
Victoria Portfolio
Рет қаралды 958 М.
CSS Combinators Explained - Tutorial
6:13
dcode
Рет қаралды 11 М.
Learn Every CSS Selector In 20 Minutes
19:38
Web Dev Simplified
Рет қаралды 468 М.
Step up your CSS game using these selectors and combinators
19:41
Kevin Powell
Рет қаралды 183 М.
CSS in 5 minutes
8:16
Aaron Jack
Рет қаралды 188 М.
CSS Sibling Selectors
4:35
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 10 М.
CSS Display FLEX vs Block, Inline & Inline-Block Explained
6:46
Cem Eygi Media
Рет қаралды 172 М.
Using CSS custom properties like this is a waste
16:12
Kevin Powell
Рет қаралды 189 М.
Learn CSS pseudo-elements in 5 minutes! ✔
5:57
Bro Code
Рет қаралды 26 М.
👩🏼‍💻 What is Bootstrap? / Beginner CSS Framework
8:26
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 562 М.
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 55 МЛН