Vous pouvez appliquer différentes règles aux règles CSS à l’aide de sélecteurs CSS. Cet article explique les détails ainsi que les exemples de méthodes QuerySelector et QuerySelectorAll. Vous pouvez utiliser ces sélecteurs CSS pour parcourir des documents HTML ou pour créer un modèle de recherche pour faire correspondre les éléments d’un document HTML.
- Utiliser les sélecteurs CSS en HTML - Installation de l’API C#
- Utiliser le sélecteur CSS QuerySelector en C#
- Travailler avec le sélecteur CSS QuerySelectorAll en HTML en utilisant C#
Utiliser les sélecteurs CSS en HTML - Installation de l’API C#
L’API Aspose.HTML for .NET peut être utilisée pour créer, modifier, manipuler ou convertir des documents HTML ainsi que plusieurs autres formats de fichiers. Vous pouvez facilement le configurer en téléchargeant le fichier DLL de référence à partir de la section Téléchargements ou en exécutant la commande d’installation NuGet suivante :
PM> Install-Package Aspose.Html
Utiliser le sélecteur CSS QuerySelector en C#
Vous pouvez styliser un élément sélectionné ou parcourir le fichier HTML avec la méthode QuerySelector. Les étapes suivantes expliquent comment styliser un élément sélectionné qui correspond au sélecteur :
- Créez une instance de la classe HTMLDocument.
- Créez un sélecteur CSS pour extraire le premier élément de paragraphe.
- Définissez l’attribut de style et enregistrez le fichier HTML mis à jour.
L’extrait de code ci-dessous montre comment utiliser les sélecteurs CSS QuerySelector pour traiter un élément sélectionné dans le document HTML :
// Préparer le chemin d'accès au fichier HTML source
string documentPath = "queryselector.html";
// Créer une instance d'un document HTML
var document = new Aspose.Html.HTMLDocument(documentPath);
// Ici, nous créons un sélecteur CSS qui extrait le premier élément de paragraphe du document
var element = document.QuerySelector("p");
// Imprimer le contenu du premier paragraphe
Console.WriteLine(element.InnerHTML);
// sortie : la méthode QuerySelector() renvoie le premier élément du document qui correspond au sélecteur spécifié.
// Définir l'attribut de style avec les propriétés de l'élément sélectionné
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");
// Enregistrez le document HTML dans un fichier
document.Save("queryselector-p.html");
Travailler avec le sélecteur CSS QuerySelectorAll en HTML en utilisant C#
Parfois, vous devrez peut-être traiter toutes les occurrences d’un élément. Veuillez suivre les étapes ci-dessous pour utiliser le sélecteur CSS QuerySelectorAll :
- Chargez le fichier HTML d’entrée avec la classe HTMLDocument.
- Créez un sélecteur CSS pour extraire tous les éléments d’une classe.
- Parcourez les éléments et définissez les attributs de style.
- Enregistrez le document HTML mis à jour.
L’exemple de code suivant montre comment utiliser le sélecteur CSS QuerySelectorAll par programmation en C# :
// Préparer le chemin de sortie pour l'enregistrement du document HTML
string savePath = "css-selector-color.html";
// Préparer le chemin d'accès au fichier HTML source
string documentPath = "spring.html";
// Créer une instance d'un document HTML
var document = new Aspose.Html.HTMLDocument(documentPath);
// Ici, nous créons un sélecteur CSS qui extrait tous les éléments dont l'attribut 'class' est égal à 'square2'.
var elements = document.QuerySelectorAll(".square2");
// Parcourir la liste d'éléments résultante
foreach (Aspose.Html.HTMLElement element in elements)
{
// Définir l'attribut de style avec la nouvelle propriété background-color
element.Style.BackgroundColor = "#b0d7fb";
}
// Enregistrez le document HTML dans un fichier
document.Save(savePath);
Explorez Aspose.HTML for .NET
Vous pouvez visiter l’espace documentation pour explorer différents chapitres qui abordent différentes fonctionnalités de l’API.
Obtenez une licence gratuite
Vous pouvez évaluer l’API à sa pleine capacité en demandant une licence temporaire gratuite.
Conclusion
Dans cet article, vous avez appris à utiliser les sélecteurs CSS en considérant les exemples de sélecteurs QuerySelector et QuerySelectorAll. En cas de questions, n’hésitez pas à nous écrire à forum.