What does this code mean?

Question

.horizontal-scroll-wrapper > div {
width: 100px;
height: 100px;
}

Can anyone help me understand this simple thing. I forget.

Answer 1

So any div within an element thats given that class will have the width and height set to 100px.
So you could say,

.horizontal-scroll-wrapper > p {
color:#ff0000;
}

So now any P tag within an element thats given that class will have a red colour.

Answer 2

To select elements with a specific class, write a period (.) character, followed by the name of the class.

In your example, all div elements inner class="horizontal-scroll-wrapper" will have 100px width and height.

read more
https://www.w3schools.com/css/css_syntax.asp

Answer 3

Thanks...