처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS의 :is()와 :not() 선택자의 차이점으로 올바른 것은?

쉬움 MDN Web Docs
보기 및 정답
A :is()는 나열된 선택자 중 하나라도 일치하면 선택하고, :not()은 나열된 선택자와 일치하지 않는 요소를 선택한다
B :focus-visible은 키보드 탐색뿐만 아니라 마우스 클릭에도 항상 동일하게 적용되어 :focus와 차이가 없다
C :focus 선택자는 키보드 탐색 시에만 활성화되고 마우스 클릭으로 포커스를 얻는 경우에는 적용되지 않는다
D :nth-child() 선택자와 :nth-of-type() 선택자는 형제 요소의 타입에 관계없이 동일한 요소를 항상 선택하게 된다

해설

:is()는 인자로 전달된 선택자 목록 중 하나라도 일치하면 해당 요소를 선택합니다. :not()은 인자와 일치하지 않는 요소를 선택합니다. 예: :is(h1, h2, h3) { color: blue; }는 h1, h2, h3 모두에 적용되고, :not(.hidden)은 hidden 클래스가 없는 요소에 적용됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기