inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

인터랙티브 개발 실무 끝장내기 [역량 강화편]

[실습] 스크롤에 맞춰 fixed된 이미지 교체 1

css질문드립니다.

220

김도토리

작성한 질문수 13

0

페이지고정.html 파일에서 

section .innerWrap {
            position: relative;
            z-index: 100;
            padding: 120px;
            width: 340px;
            margin-top: 50px;
        }

선택자가 이렇게 되어있던데  section .innerWrap 과 section > .innerWrap 이렇게 표기하는 것과 차이가 있나요? 

javascript 인터랙티브-웹

답변 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;}

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

모바일 스와이프 구현 마지막 숙제

0

418

2

레퍼런스 사이트

0

353

1

스크롤위치에 따른 페이지 변화에서

0

279

1

배열을 이용한 bg컬러 변경 강의에서 tagname body에 [0]이 왜 붙나요?

0

395

1

스크롤 위치에 따른 페이지 변화 - scroll 이벤트 에 대한 질문

0

683

1

페이징.페이지고정2 질문드립니다.

0

465

1

scrollTo 완성본

0

614

2

모바일 3D 입체 카드 제작 아이폰에서 에러

0

392

1

css 질문 드립니다

0

630

1

css 질문

0

291

1

pointBtn.addEventListner("click")

0

315

2

if문의 첫번째 조건 질문 있습니다~

0

289

1

offsetTop, offsetHeight

0

793

2

기존의 축 회전값에 더해서 rotate

0

323

1

모바일 드래그 강의 질문드립니다!

0

262

1

질문입니다.

0

227

1

GSAP(트윈맥스) 라이센스 관련 질문 드립니다.

0

1664

1

wrap 안에 click 이벤트

0

230

1

greensock을 사용하려면

0

705

1

TweenMax 효과 리셋

0

534

1

max 이상으로 입력했을 때 질문입니다.

0

198

1

dom에서 직접i nput의 value 값을 갖고 나오는 것에 대해

0

376

1

화살표 회전 질문

0

269

1

질문이용~

0

224

1