What does this CSS .row > div > div { ... } mean?

Question

This is a basic question, but I cant find answer anywhere. So do you guys know what does > do within CSS?

.row > div > div {
    height: 100%;
    width: 100%;
}

Comments above are misleading. `>` does not refer to the first div/child. It refers to the **direct descendant**. — Terry, Feb 12 '20 at 10:25

score 1 · Accepted Answer · answered Feb 12 '20 at 10:23

1

It is immediate child selector.

https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator

answered Feb 12 '20 at 10:23

Prajwal

3,653
3
24
46

score 0 · Answer 2 · answered Feb 12 '20 at 10:24

0

It's mean (children of). So in your code, that line means: Get the div element that has a parent div, and the parent div has a parent element that has a class named "row".

answered Feb 12 '20 at 10:24

ASammour

688
7
10

direct child of – Sfili_81 Feb 12 '20 at 10:24

What does this CSS .row > div > div { ... } mean?

2 Answers2