What is the difference between > or the space bar to access class/id in CSS?

I don't give a shit what the difference is between records, which is better and when to use. And yet, I would like to know what are generally. Complex CSS examples ( and interesting ) who knows the link please.
Here are examples of my:
#cool_slider>.carousel-indicators>li>img:hover {
transform:scale(1.2);
}
#cool_slider .carousel-indicators a:hover img:not(:hover){
 filter: grayscale(1);
}
#cool_slider .carousel-indicators img:not(:hover) {
transition:1s;
}
July 9th 19 at 11:15

Related questions

More answers about "What is the difference between > or the space bar to access class/id in CSS?"
3 answers
July 9th 19 at 11:17
Solution
The gap means that the styles will apply to all nested elements
and ">" means that the styles will apply only to the immediate child element.
For example:
<div class="family">
 <div class="parent">
 <div class="child"></div>
</div>
</div>

.family{width:300px; height:300px; background:red;}
.parent{width:200px; height:200px; background:purple;}
.child{width:100px; height:100px; background:green;}

If you set the style .family div{border: 2px solid black;}then, the stroke will appear at all invested in .family divas.
If ask .family>div{border: 2px solid black;}then, the stroke appears only on the unit .parent
July 9th 19 at 11:19
Easily searched by the search engine.
July 9th 19 at 11:21
When talking about the difference > and simply blank, then
the specificity of css
*pay attention to item 2.

And if pseudoclass in General, here

Find more questions by tags CSSHTML