컴포넌트 스타일을 쉽게 덮어쓸 수 있게 만들려 합니다. :where와 :is의 명시도 차이는 무엇인가요?
꼬리 질문을 독립 문항으로 확장했습니다. 원래 문항에서 맥락 보기 →
잠깐, 답변을 보기 전에
먼저 내 말로 설명해 볼까요?
답변과 점검 포인트 펼치기답변 접기
01
구두 답변
정의를 외우기보다, 원리와 조건을 연결해 설명해 보세요.
:where는 인자 선택자의 명시도를 0으로 만들고 :is는 인자 목록의 명시도 규칙을 따릅니다. 공통 컴포넌트 기본 스타일을 쉽게 덮게 하려면 :where가 유용할 수 있습니다.
명시도보다 origin·importance·layer 등 앞선 cascade 조건이 먼저 적용됩니다. :is에 ID 선택자를 섞으면 다른 분기에도 예상보다 높은 명시도가 생길 수 있어 구체 예제로 계산합니다. selector가 매칭되는지와 누가 이기는지를 별도로 검사합니다.
02
득점 포인트
이해가 드러나는 지점을 확인해 보세요.
- :where는 인자 선택자의 명시도를 0으로 만들고 :is는 인자 목록의 명시도 규칙을 따릅니다. 공통 컴포넌트 기본 스타일을 쉽게 덮게 하려면 :where가 유용할 수 있습니다.
- selector가 매칭되는지와 누가 이기는지를 별도로 검사합니다.
03
감점 포인트
놓치기 쉬운 조건과 오해를 짚어 보세요.
- 다음 핵심 구분을 반대로 설명하거나 성립 조건을 생략한다: :where는 인자 선택자의 명시도를 0으로 만들고 :is는 인자 목록의 명시도 규칙을 따릅니다.
04
더 파고들 거리
하나 더 질문하며 이해의 범위를 넓혀 보세요.
득점·감점 포인트는 학습용 자기 점검 기준이며, 특정 회사의 실제 채점표가 아닙니다.
원리부터 공부하고 싶다면
답변을 보충하는 개념·예제·슈도코드를 읽어 보세요.