blob: 6d1ea9e4ac412e846e3bed93a9b7ac163dabbaeb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
---
title: Comparison entre les sélecteurs CSS et XPath
slug: Web/XPath/Comparison_with_CSS_selectors
tags:
- CSS
- Draft
- NeedsContent
- Reference
- XPath
translation_of: Web/XPath/Comparison_with_CSS_selectors
original_slug: Web/CSS/Sélecteurs_CSS/Comparison_with_XPath
---
{{CSSRef("Selectors")}}{{QuickLinksWithSubpages("/fr/docs/Web/XPath")}}{{Draft}}
Dans cet article, nous listerons les différences entre les sélecteurs CSS et les fonctionnalités XPath afin que les développeurs web puissent choisir l'outil le plus pertinent.
| [Fonctionnalité XPath](/fr/docs/Web/XPath) | [Équivalent CSS](/fr/docs/Web/CSS/Sélecteurs_CSS) |
| ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Axe [`ancestor`](/fr/docs/XPath/Axes/ancestor), [`parent`](/fr/docs/XPath/Axes/parent) ou [`preceding-sibling`](/fr/docs/XPath/Axes/preceding-sibling) | {{CSSxRef(":has",":has()")}} selector {{experimental_inline}} |
| Axe [`attribute`](/fr/docs/XPath/Axes/attribute) | [Sélecteurs d'attribut](/en-US/docs/Web/CSS/Attribute_selectors) |
| Axe [`child`](/fr/docs/XPath/Axes/child) | [Sélecteurs d'enfant](/fr/docs/Web/CSS/Sélecteurs_enfant) |
| Axe [`descendant`](/fr/docs/XPath/Axes/descendant) | [Sélecteur de descendant](/fr/docs/Web/CSS/Sélecteurs_descendant) |
| Axe [`following-sibling`](/fr/docs/XPath/Axes/following-sibling) | [Sélecteur de voisin général](/fr/docs/Web/CSS/Sélecteurs_de_voisins_généraux) ou [sélecteur de voisin direct](/fr/docs/Web/CSS/Sélecteur_de_voisin_direct) |
| Axe [`self`](/fr/docs/XPath/Axes/self) | Sélecteur {{CSSxRef(":scope")}} ou {{CSSxRef(":host")}} |
|
