선택기 엔진은 정확히 어느 방향으로 읽나요?

"선택기 엔진은 정확히 어느 방향으로 읽나요?"

CSS 선택기 엔진은 일반적으로 오른쪽에서 왼쪽으로 읽는다는 통념이 있습니다. . 그러나 정확한 평가 방향은 브라우저와 구현에 따라 달라질 수 있습니다.

일반적으로 브라우저는 조합자를 탐색하기 위해 오른쪽에서 왼쪽으로 선택기를 평가합니다. 예를 들어 선택기 섹션 > div.초 > div.third, 엔진은 요소의 부모가 div.second이고 계층 구조의 상위인지 검사하기 전에 요소가 div.third인지 확인합니다.

.name과 div.name 간의 성능 비교와 관련하여 정확한 순서는 평가는 브라우저에 따라 변동될 수 있으며 크게 다를 수 있습니다. 이론적 성능도 구현에 크게 좌우됩니다.

결합자 전체에서 오른쪽에서 왼쪽으로 평가함에도 불구하고 이 순서가 복합 선택기 내 단순 선택기 수준까지 확장될 가능성은 거의 없습니다. 예를 들어 선택기 div:hover[data-foo="bar"].name:nth-child(5)::after에서는 기준이 엄격한 오른쪽에서 왼쪽 방식으로 확인된다는 보장이 없습니다. .

대신 성능상의 이유로 특정 유형의 단순 선택기가 우선순위를 가질 수 있습니다. 예를 들어 ID 선택기가 일반적으로 먼저 처리됩니다. 따라서 선택기가 div#foo.bar:first-child 또는 div.bar:first-child#foo로 작성되었는지 여부에 관계없이 Gecko(Firefox에서 사용)는 위치에 관계없이 ID와 클래스를 먼저 평가합니다.

결국 특정 상황에서 어떤 선택기가 더 빠르게 작동할지 예측하기는 어렵습니다. 성능은 문서 구조, 구현, 심지어 다양한 브라우저에 따라 달라질 수 있습니다.

위 내용은 선택기 엔진은 정확히 어느 방향으로 읽나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!