💅Decorate from CSS : 다양한 선택자들 #7

*해당 포스팅은 CSS Diner 게임을 통해 다양한 선택자들을 연습하는 게임이다. 강의에서도 해당 게임을 해설해주니 한번 풀어보길 권장한다.

7번 문제가 잘 풀리지 않았는다. 코드는 아래와 같다. 

  <div class="table">

    <apple />

    <apple class="small" />

    <bento>

      <orange class="small" />

    </bento>

    <plate>

      <orange />

    </plate>

    <plate>

      <orange class="small" />

    </plate>

  </div>

해당 코드에서 bento 태그 안에 있는 orange를 선택해야 한다. 그러기 위해서 class table인 div로 진입하고 bento태그로 진입 후 class small인 orange에 진입을 해야한다. 자세히 보면 class small을 가지고 있는 것은 orange뿐만 아니라 apple도 가지고 있다. 그래서 모든 orange를 선택하고 그 중 .small을 지적해주면 된다.

즉, oragne.small 이렇게 말이다.