Learn CSS combinators in 4 minutes! ➕

preview_player
Показать описание
#CSS #course #tutorial

CSS combinators descendant child siblings tutorial example explained
  1. Bro Code
  2. CSS combinators
  3. CSS children
  4. CSS siblings
  5. CSS tutorial
Рекомендации по теме
Learn CSS combinators 0:04:57

Learn CSS combinators in 4 minutes! ➕

CSS Combinators Explained 0:06:13

CSS Combinators Explained - Tutorial

CSS Combinators Simplified 0:08:55

CSS Combinators Simplified (with examples)

Learn Every CSS 0:19:38

Learn Every CSS Selector In 20 Minutes

Learn CSS Selectors 0:04:14

Learn CSS Selectors

CSS Selectors - 0:18:47

CSS Selectors - beyond the very basics

Css Combinators 0:00:39

Css Combinators

Mastering CSS Descendant 0:00:59

Mastering CSS Descendant Combinator | Easy CSS Tutorial #css

CSS Combinator selectors 0:11:48

CSS Combinator selectors | Selenium WebDriver | CSS Selectors |

CSS Selectors in 0:01:00

CSS Selectors in 1 Minute #shorts

Learn how to 0:11:58

Learn how to use CSS Combinators in 10 minutes.

CSS Combinators - 0:05:27

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

CSS Selectors Tutorial 0:20:34

CSS Selectors Tutorial for Beginners

CSS Tutorial For 0:06:23

CSS Tutorial For Beginners 15 - Descendant Selectors

CSS Tutorial: CSS 0:10:44

CSS Tutorial: CSS Selectors in Hindi | CSS Combinator | Web Development

CSS Tutorials (4) 0:02:38

CSS Tutorials (4) - Combinators - Different ways of Grouping CSS selectors in 2+ mins

CSS Combinators Made 0:06:59

CSS Combinators Made Easy

Learn CSS For 0:10:23

Learn CSS For Beginners 2021 (Arabic) - #8 - Grouping & Combinators Selectors

CSS Advance Selectors 0:13:48

CSS Advance Selectors ( Combinator Selectors ) Tutorial in Hindi/Urdu

CSS Combinator Selector 0:14:29

CSS Combinator Selector - CSS Tutorial 16

CSS Tutorial For 0:13:40

CSS Tutorial For Beginners - Part 21 | Combinators in CSS

CSS Combinator Selectors 0:06:04

CSS Combinator Selectors

Learn CSS Specificity 0:11:26

Learn CSS Specificity In 11 Minutes

CSS Tutorial For 0:03:46

CSS Tutorial For Beginners 16 - Child Selectors

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bro Code</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<!--
combinators = explains the relationship
between listed selectors

= descendant
> = child
+ = adjacent sibling
~ = general sibling
-->

<div id="container">
<p>This is #1</p>
<p>This is #2</p>
<div>
<p>This is #3</p>
</div>
</div>

<p>This is #4</p>
<p>This is #5</p>

</body>
</html>

/* style.css */

#container{
border: 2px solid;
}

/* descendant
#container p{
background-color: hsl(60, 100%, 70%);
}
*/

/* child
#container > p{
background-color: hsl(60, 100%, 70%);
}
*/

/* general sibling
#container ~ p{
background-color: hsl(60, 100%, 70%);
}
*/

/* adjacent sibling
#container + p{
background-color: hsl(60, 100%, 70%);
}
*/

BroCodez
Автор

Haven't seen this clear explanation on css combinators anywhere else

abcdabcd
Автор

Straightforward and to the point. Subbed.

Nostalgia_Space
Автор

Thanks for your content man I'm doing the odin project and it's making the material a lot easier to get through

hiphiphorhayy
Автор

he did it again! web dev The coding - Bro Code!

Ella_
Автор

Sir please make video on Artificial intelligence and data science how it works what the actually worker do in it what play important roles in this branch how a robots works what workers do in there job please sir make video about (Artificial intelligence and data science, Artificial intelligence and machine learning and Artificial intelligence and robotics) please sir

akshara_shashikala_achar