반응형 CSS Diner4 CSS - selector (CSS Diner 해석 25번 ~ 32번) 25. Select the empty bentos 비어있는 bento를 고르를 문제로 자손이 없는 엘리먼트를 선택하는 문제 입니다. 답은 bento:empty 26. Select the big apples :not(x)는 인수로 간단한 선택자 x를 취하는 기능 표기법입니다. x가 아닌 나머지를 선택하는 문제인데요 . 선택자가 여러개인 경우 ,로 구분합니다. 답은 :not(plate,.small) 27. Select the items for someone Attribute Selector 관련 문제로 문제에서 선택되어야하는 답이 모두 for 특성을 가지고 있습니다. 답은 [for] 28. Select the plates for someone plate태그중 for 속성을 가진 엘리먼트를 선택하는 문제 입니.. 2022. 1. 10. CSS - selector (CSS Diner 해석 17번 ~ 24번) 17. Select the small apple and the pickle 클래스가 small인 것 중에 마지막 자식을 선택하는 문제입니다. 따라서 답은 .small:last-child 18. Select the 3rd plate nth-child() 의사 클래스는 형제 사이에서의 순서에 따라 요소를 선택합니다. 3번째 palte를 선택하는 문제로 답은 plate:nth-child(3) 19. Select the 1st bento 끝에서 계산, 형제 자매의 그룹 사이에서 자신의 위치를 기반으로 요소를 일치합니다.:nth-last-child() 뒤에서 세번째 요소를 선택하므로 답은 bento:nth-last-child(3) 20. Select first apple 첫번째 사과를 선택하는 문제로 답은 app.. 2021. 12. 12. CSS - selector (CSS Diner 해석 9번 ~ 16번) 9. Select all the plates and bentos plate와 bento를 모두 고르는 문제로 그룹선택자를 이용합니다. 따라서 답은 plate,bento 10. Select all the things! 모든것을 선택하는 문제입니다. 전체 선택자인 *를 이용하면 되므로, 답은 * 11. Select everything on a plate 이번 문제도 전체 선택자를 이용하는 문제이긴 하지만, 조건이 생깁니다. plate 위에 있는 모든 것! 따라서 답은 plate>* 12. Select every apple that's next to a plate 접시 옆에 있는 사과를 선택하는 문제 입니다. + 결합자는 인접 형제, 즉 첫 번째 요소의 바로 뒤에 위치하면서 같은 부모를 공유하는 두 번째 요소.. 2021. 12. 7. CSS - selector (CSS Diner 해석 1번 ~ 8번) 1. Select the plates plate를 선택하면 되므로 답은 plate 2. Select the bento boxes 3개의 접시 중에서 bento를 선택하면 되므로 답은 bento 3. Select the fancy plate 3개의 접시 중 fancy를 선택하면 되는데 로 id가 지정되어 있으므로 답은 #fancy 4. Select the apple on the plate 3개의 접시에서 사과가 올려져 있는 접시를 고르는 문제. 두번째 접시인데.. 코드는 아래처럼 되어 있으므로 답은 plate>apple . . . 5. Select the pickle on the fancy plate 팬시 접시 위에 있는 피클을 고르는 문제 fancy 접시위에 피클을 나타낸 코드는 아래와 같으며 id 선택.. 2021. 12. 6. 이전 1 다음 반응형
