css 질문
284
18 asked
<section class="album">
<div class="disk">
<div class="disk_inner"></div>
</div>
<a href="https://www.youtube.com/watch?v=nM0xDI5R50E" target="blank" class="coverImg">
<img src="./image/iu_0.jpg" alt="">
</a>
</section>강사님 ! html 코드를 css에서
.contentWrap .album .coverImg img 이렇게
.contentWrap의 자손 .album의 자손 .coverImg의 자손 img 으로 불러오는 것과
.coverImg img로 불러오는것과 값이 같은데 저렇게 불러오는 이유가 따로 있나용?
Answer 1
0
안녕하세요
원하는 object 를 더 정확하게 select 하기 위해서 입니다.
위 구조처럼 이미지가 하나라면 .coverImg img 이런식으로 해도 무방합니다.
하지만 아래와 같은 구조라면 문제가 발생할 수도 있습니다.
<section class="album">
<div class="disk">
<div class="disk_inner"></div>
<img src="./image/disk.jpg" alt="disk image">
</div>
<a href="https://www.youtube.com/watch?v=nM0xDI5R50E" target="blank" class="coverImg">
<img src="./image/iu_2.jpg" alt="아이유">
</a>
<img src="./image/button.jpg" alt="버튼">
</section>예를들어 .contentWrap img 라고 하면 원했던 a 태그 아래에 있는 iu_2.jpg 오브젝트가 아니겠죠?
물론 조금 줄여서 .contentWrap .coverImg img 이런식으로 줄여도 됩니다.
상황에 따라 달라지니 참고해서 사용하시면 됩니다.
모바일 스와이프 구현 마지막 숙제
0
402
2
레퍼런스 사이트
0
339
1
스크롤위치에 따른 페이지 변화에서
0
267
1
배열을 이용한 bg컬러 변경 강의에서 tagname body에 [0]이 왜 붙나요?
0
380
1
스크롤 위치에 따른 페이지 변화 - scroll 이벤트 에 대한 질문
0
675
1
페이징.페이지고정2 질문드립니다.
0
459
1
scrollTo 완성본
0
603
2
모바일 3D 입체 카드 제작 아이폰에서 에러
0
386
1
css 질문 드립니다
0
624
1
pointBtn.addEventListner("click")
0
305
2
if문의 첫번째 조건 질문 있습니다~
0
285
1
offsetTop, offsetHeight
0
786
2
기존의 축 회전값에 더해서 rotate
0
320
1
모바일 드래그 강의 질문드립니다!
0
256
1
질문입니다.
0
215
1
GSAP(트윈맥스) 라이센스 관련 질문 드립니다.
0
1658
1
wrap 안에 click 이벤트
0
225
1
greensock을 사용하려면
0
701
1
TweenMax 효과 리셋
0
527
1
max 이상으로 입력했을 때 질문입니다.
0
194
1
dom에서 직접i nput의 value 값을 갖고 나오는 것에 대해
0
372
1
화살표 회전 질문
0
263
1
질문이용~
0
219
1
파일명 한글시 live Server 작동안함
1
213
1