와이어 프레임(css) 관련 질문입니다.

.slide{

    position: relative;

    height: 300px;

    overflow: hidden;

}

.slide > div{

    /*border: 1px solid red;*/

    width: 3600px;    

    font-size: 0;

    position: absolute;

    /*animation: slide 10s linear infinite;*/

슬라이브 부분을 예로 해서

css의 구조를 잡을때

.slide{} 와 .slide div{} 두개로 나눠서 CSS 입력하는 의미가 어떤건가요?

.slide는 무슨 의미와 역할이고

.slide div{} 했을때는 무슨 역할인지요?