CSS에서 combination에 대해 배웠는데,

부모, 자식 간의 관계를

A B{

background-color:green;}

이렇게 하는 것과 (혹은 .class1 .class1__1)

A>B{

background-color:green;} (혹은 .class1 > .class1__1)

이렇게 쓰는것의 차이점이 명확히 와닿지 않습니다. 혹시 두 결과를 동시에 비교할 수 있는 사이트가 있을까요? 감사합니다!