CSS-väljare i HTML C#

Du kan tillämpa olika regler på CSS-regler genom att använda CSS-väljare. Den här artikeln förklarar detaljerna tillsammans med exemplen på QuerySelector- och QuerySelectorAll-metoderna. Du kan använda dessa CSS-väljare för att navigera i HTML-dokument eller för att skapa ett sökmönster för att matcha element i ett HTML-dokument.

Använd CSS-väljare i HTML - C# API-installation

Aspose.HTML for .NET API kan användas för att skapa, redigera, manipulera eller konvertera HTML-dokument tillsammans med flera andra filformat. Du kan enkelt konfigurera den genom att ladda ner referens-DLL-filen från avsnittet Nedladdningar eller köra följande installationskommando NuGet:

PM> Install-Package Aspose.Html

Använd CSS Selector QuerySelector i C#

Du kan utforma ett markerat element eller navigera i filen HTML med metoden QuerySelector. Följande steg förklarar hur man utformar ett markerat element som matchar väljaren:

  1. Skapa en instans av klassen HTMLDocument.
  2. Skapa en CSS-väljare för att extrahera det första styckeelementet.
  3. Ställ in stilattributet och spara den uppdaterade HTML-filen.

Kodavsnittet nedan visar hur man använder CSS-väljare QuerySelector för att bearbeta ett valt element i HTML-dokumentet:

// Förbered sökvägen till HTML-källfilen
string documentPath = "queryselector.html";

// Skapa en instans av ett HTML-dokument
var document = new Aspose.Html.HTMLDocument(documentPath);

// Här skapar vi en CSS Selector som extraherar det första styckeelementet i dokumentet
var element = document.QuerySelector("p");

// Skriv ut innehållet i första stycket  
Console.WriteLine(element.InnerHTML);
// output: Metoden QuerySelector() returnerar det första elementet i dokumentet som matchar den angivna väljaren.

// Ställ in stilattribut med egenskaper för det valda elementet               
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// Spara HTML-dokumentet till en fil
document.Save("queryselector-p.html");

Arbeta med QuerySelectorAll CSS Selector i HTML med C#

Ibland kan du behöva bearbeta alla förekomster av ett element. Följ stegen nedan för att arbeta med QuerySelectorAll CSS-väljaren:

  1. Ladda in HTML-filen med klassen HTMLDocument.
  2. Skapa en CSS-väljare för att extrahera alla element i en klass.
  3. Iterera genom elementen och ställ in stilattribut.
  4. Spara det uppdaterade HTML-dokumentet.

Följande kodexempel visar hur man använder CSS-väljaren QuerySelectorAll programmatiskt i C#:

// Förbered utdatasökväg för att spara HTML-dokument
string savePath = "css-selector-color.html";

// Förbered sökvägen till HTML-källfilen
string documentPath = "spring.html";

// Skapa en instans av ett HTML-dokument
var document = new Aspose.Html.HTMLDocument(documentPath);

// Här skapar vi en CSS-väljare som extraherar alla element vars 'class'-attribut är lika med 'square2'
var elements = document.QuerySelectorAll(".square2");

// Iterera över den resulterande listan med element
foreach (Aspose.Html.HTMLElement element in elements)
{
    // Ställ in stilattribut med ny bakgrundsfärgegenskap
    element.Style.BackgroundColor = "#b0d7fb";
}

// Spara HTML-dokumentet till en fil
document.Save(savePath);

Utforska Aspose.HTML för .NET

Du kan besöka utrymmet dokumentation för att utforska olika kapitel som tar upp olika funktioner i API:t.

Få gratis licens

Du kan utvärdera API:et till dess fulla kapacitet genom att begära en gratis temporär licens.

Slutsats

I den här artikeln har du lärt dig hur du använder CSS-väljare samtidigt som du överväger exemplen på QuerySelector och QuerySelectorAll-väljare. Om du har några frågor är du välkommen att skriva till oss på forum.

Se även

Slå samman EPUB-filer i C#