Version imprimable
Bonjour à tous,
J'ai l'expression suivante, employée en PHP, pour parcourir un document HTML :
Et le sélecteur CSS correspondant :Code:[????????????]/input[@type="checkbox"][@autocomplete="on"][@checked="checked"]
Je cherche donc à savoir par quoi je dois remplacer leCode::scope > input[type="checkbox"]:autocomplete:checked
Auriez-vous des idées, svp?Code::scope >
Hello,
:scope est une mécanique trop liée à CSS, il vaudrait mieux le laisser tomber en XPath et plutôt ajouter un class="input-of-interest" pour pouvoir sélectionner les éléments concernés comme ça :
Maintenant si vraiment t'es obligé, tu dois pouvoir trouver les éléments <style> qui ont un attribut @scoped et prendre leur parent, qui en principe devrait forcément être l'élément de référence sélectionné par :scope.Code:*[contains(@class, 'input-of-interest')]/input[@type="checkbox"][@autocomplete="on"][@checked="checked"]
Merci pour ta réponse, je ne puis malheureusement ajouter des attributs... il s'agit d'un outil générique, je ne veux donc surtout pas polluer les documents de mes utilisateurs.
Mais j'ai fini par trouver le couac, j'avais un /descendant:: de trop, dans mon parser.
Encore merci quand même :)
Bravo si t'en es satisfait, mais là... Il est pratiquement ignoré le :scope -_-°. Tout juste remplacé par un truc pour dire "si t'a rien mis devant, 'faut quand même dire 'un élément, n'importe lequel' à la place."
C'est pas ça que ça veut dire, :scope -_-°.
Après, bon, comme je l'ai dit, c'est un truc trop lié à CSS, et je peux comprendre qu'on fasse des compromis quand on tombe dessus en dehors d'un contexte CSS.
J'ai peut-être mal interprété mais, pour ce que j'en ai compris, :scope fait référence à l'élément courant.
Sélectionne donc le premier enfant de body.Code:document.body.querySelector(':scope > *');
Non?
:scope, tout un peu comme selected ou checked etc ne rend pas trop bien dans le cadre de xml et ça donne des casse-têtes à parseur du type proprement xml, évidemment ...Citation:
Je cherche donc à savoir par quoi je dois remplacer le
Code::scope >
Ce que je veux proposer de tester c'est comme ça si ça vous donne quelque chose d'utile.
Citation:
Code:[????????????]/input[@type="checkbox"][@autocomplete="on"][@checked="checked"]
parce que les parseurs comme tidy ou d'autres vont "corriger" la malformation de <x scope> par <x scope="">, bon ou mauvais !!!Code://*[@scope]/input[@type="checkbox"][@autocomplete="on"][@checked="checked"]
Non. En CSS il n'y a pas besoin de faire référence à l'élément courant.Citation:
Envoyé par Lcf.vs
:scope s'utilise dans le contexte des scoped styles, en gros des balises <style> au milieu du document, mais qui ne définissent des styles que pour la partie de la page où ils sont.
:scope permet de repérer c'est quoi, la partie de la page où il sont, en sélectionnant l'élément référence à partir duquel le scoped style s'applique (notamment, le scoped style ne s'appliquera pas au parent ou aux frères de cet élément référence.)
En pratique, et sauf erreur de ma part, cet élément sera :
- html, si le contexte css n'est pas un scoped style.
- l'élément parent de la balise scoped <style>, si le contexte CSS est un scoped style.
Voui alors attention, en principe ce qu'on trouve dans les navigateurs et recommandations actuellement c'est :Citation:
Envoyé par tsuji
- l'attribut scoped, avec un d à la fin
- uniquement sur l'élément <style> concerné, qui bien sûr n'a pas d'enfant. Donc il faut au moins remonter d'un cran.
C'est vrai, avec un "d" à la fin (@scoped) - je n'ai fais pas trop d'attention ! merci.
thelvin> Ne te focaliserais-tu pas trop sur le côté CSS?
Il s'agit, ici, de querySelectors, si tu testes mon code sur cette page, tu verras qu'il retourne le bon élément.
Si, en CSS, la référence à l'élément courant n'a pas d'utilité, pour les querySelectors, il en va autrement, puisqu'il n'existe aucun autre sélecteur permettant de ne cibler que les enfants directs, un peu comme on le ferait via jQuery, avec son sélecteur $('> *')
Je sais pas quoi te dire, moi. :scope c'est du CSS pour du CSS et pas autre chose que du CSS. Faire autre chose que se focaliser sur CSS, ça peut pas être autre chose que se tromper.Citation:
Envoyé par Lcf.vs
Quelle page ? Comment tu le vérifies que c'est le bon élément et pas un mauvais élément ? Et puis, peut-être que tu es dans un cas particulier où mal traiter :scope donne le bon résultat. Je vois pas ce que ça aurait d'étonnant.Citation:
Envoyé par Lcf.vs
Par ailleurs, querySelector() prend en paramètre un sélecteur CSS. Je vois pas ce qu'il y a de pas clair.
En tout cas, querySelectors ou non, :scope ça veut dire ce que ça veut dire et pas autre chose. Il faudra que je vérifie comment ça marche si un scoped style est utilisé en conjonction avec un querySelector avec :scope, mais en tout cas, ça veut quand même pas dire que :scope est l'élément courant. C'est juste pas pour ça que c'est là. Tu me parlerais d'un :current je te suivrais déjà mieux.
Après, si t'es en train de m'expliquer que tu es en train de créer ta propre syntaxe de querySelector en PHP à appliquer sur du DOM, et que tu veux que :scope ça sélectionne l'élément courant, je suppose que ça te regarde, mais ça prête à confusion.
Quelle page? ben, je parle de la page du présent topic mais tu peux essayer sur n'importe quelle autre page...
Sinon je comprends le côté confus que tu exprimes, néanmoins, de nombreux exemples existent, sur le net, qui confirment mon interprétation à savoir que c'est un sélecteur de contexte.
http://updates.html5rocks.com/2013/0...eudo-class-for
https://jharig23.wordpress.com/tag/scope/
;)
Ah bah oui, tout de suite si t'as des preuves c'est une autre histoire.
Je continue de trouver que c'est bizarrement choisi comme repompe, au début les drafts W3C ne le définissaient pas du tout comme ça.
Mais si c'est établi par le W3C et des navigateurs, oui je peux comprendre que ça te semble légitime, je pense qu'il y a de quoi :ccool: