Dans quelle direction les moteurs de sélection lisent-ils exactement ?

"Dans quelle direction les moteurs de sélection lisent-ils exactement ?"

La sagesse conventionnelle veut que les moteurs de sélection CSS lisent généralement de droite à gauche . Cependant, la direction précise de l'évaluation peut varier en fonction du navigateur et de l'implémentation.

En règle générale, les navigateurs évaluent les sélecteurs de droite à gauche pour naviguer dans les combinateurs. Par exemple, dans la section sélecteur > div.seconde > div.third, le moteur vérifie si un élément est div.third avant d'examiner si son parent est div.second et plus haut dans la hiérarchie.

Concernant la comparaison des performances entre .name et div.name, l'ordre exact L'évaluation peut fluctuer et varier considérablement d'un navigateur à l'autre. Même les performances théoriques dépendent en grande partie de la mise en œuvre.

Malgré l'évaluation de droite à gauche entre les combinateurs, il est peu probable que cet ordre s'étende jusqu'aux niveaux de sélecteur simples au sein d'un sélecteur composé. Par exemple, dans le sélecteur div:hover[data-foo="bar"].name:nth-child(5)::after, il n'y a aucune garantie que les critères seront vérifiés strictement de droite à gauche. .

Au lieu de cela, certains types de sélecteurs simples peuvent être priorisés pour des raisons de performances. Par exemple, les sélecteurs d'ID sont généralement traités en premier. Ainsi, qu'un sélecteur soit écrit sous la forme div#foo.bar:first-child ou div.bar:first-child#foo, Gecko (utilisé par Firefox) évaluera d'abord l'ID et la classe, quelle que soit leur position.

En fin de compte, il est difficile de prédire quel sélecteur fonctionnera le plus rapidement dans un contexte donné. Les performances peuvent différer en fonction de la structure du document, de sa mise en œuvre et même selon les différents navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!