css질문드립니다.

안녕하세요

css에서 > 이건 자식 선택자입니다.

바로 하위에 있는 녀석만 선택을 하는거죠.

<section>
    <div class="contWrap">
        <p class="info">정보 텍스트</p>
        <div class="innerWrap">
            <p clsss="nickName">코딩일레븐</p>
        </div>
    </div>
</section> 

위와 같은 소스가 있다면

.contWrap > p 를 하면 .info만 선택이 됩니다.

.contWrap 안에 p태그가 또 있는데 말이죠. (.nickName)

두 개의 p태그를 다른 스타일을 주고 싶다면 아래처럼 하면 됩니다.

.contWrap p { color: red; }

.contWrap > p {color : blue;}

이렇게 테스트 한 번 해보세요~