인프런 커뮤니티 질문&답변
작성한 질문수
css질문드립니다.
작성
·
213
0
페이지고정.html 파일에서
section .innerWrap {
position: relative;
z-index: 100;
padding: 120px;
width: 340px;
margin-top: 50px;
}
선택자가 이렇게 되어있던데 section .innerWrap 과 section > .innerWrap 이렇게 표기하는 것과 차이가 있나요?
답변 1
1
코딩일레븐
지식공유자
안녕하세요
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;}
이렇게 테스트 한 번 해보세요~