Cộng đồng Hỏi & Đáp của Inflearn

câu hỏi đã được viết

Kết thúc thực hành phát triển tương tác [Xây dựng năng lực]

Cách phát triển bằng công cụ dành cho nhà phát triển Chrome

css 질문

Viết

282

<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로 불러오는것과 값이 같은데 저렇게 불러오는 이유가 따로 있나용?

인터랙티브-웹javascript

Câu trả lời 1

coding11

Người chia sẻ kiến thức

안녕하세요

원하는 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 이런식으로 줄여도 됩니다.

상황에 따라 달라지니 참고해서 사용하시면 됩니다.

leekj9510089605

câu hỏi đã được viết

Đặt câu hỏi