CSS 선택기 효율성

Question

브라우저가 CSS 규칙을 적용하는 방식에 관심이 있습니다. 요소의

나는 그것이 더 효율적이라면, 내가 궁금하네요 실제 차이가 없다는 것을 알고 있지만 ....

• 수축 범위

a.external 
/*instead of*/ 
.external 

Answer 1

Surprisinglya.external은 보통 보다 작으며은 .external보다 효율적입니다. 이유는 브라우저가 일반적으로 셀렉터를 거꾸로 매칭하기 때문입니다. 즉, 클래스 external 및 을 가진 모든 요소를 ​​찾은 다음은 링크가 아닌 모든 요소를 ​​필터링합니다.