Selektor CSS v HTML C#

Pomocí selektorů CSS můžete na pravidla CSS použít různá pravidla. Tento článek vysvětluje podrobnosti spolu s příklady metod QuerySelector a QuerySelectorAll. Tyto selektory CSS můžete použít k navigaci v dokumentech HTML nebo k vytvoření vyhledávacího vzoru pro shodu prvků v dokumentu HTML.

Použijte CSS selektory v HTML - C# API instalace

Aspose.HTML for .NET API lze použít k vytvoření, úpravě, manipulaci nebo převodu HTML dokumentů spolu s několika dalšími formáty souborů. Můžete jej snadno nakonfigurovat stažením referenčního souboru DLL ze sekce Downloads nebo spuštěním následujícího instalačního příkazu NuGet:

PM> Install-Package Aspose.Html

Použít selektor CSS QuerySelector v C#

Můžete upravit styl vybraného prvku nebo procházet soubor HTML pomocí metody QuerySelector. Následující kroky vysvětlují, jak upravit styl vybraného prvku, který odpovídá selektoru:

  1. Vytvořte instanci třídy HTMLDocument.
  2. Vytvořte selektor CSS pro extrahování prvního prvku odstavce.
  3. Nastavte atribut stylu a uložte aktualizovaný soubor HTML.

Níže uvedený fragment kódu ukazuje, jak používat selektory CSS QuerySelector ke zpracování vybraného prvku v dokumentu HTML:

// Připravte cestu ke zdrojovému HTML souboru
string documentPath = "queryselector.html";

// Vytvořte instanci dokumentu HTML
var document = new Aspose.Html.HTMLDocument(documentPath);

// Zde vytvoříme selektor CSS, který extrahuje první prvek odstavce v dokumentu
var element = document.QuerySelector("p");

// Vytiskněte obsah prvního odstavce  
Console.WriteLine(element.InnerHTML);
// výstup: Metoda QuerySelector() vrátí první prvek v dokumentu, který odpovídá zadanému selektoru.

// Nastavte atribut stylu s vlastnostmi pro vybraný prvek               
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// Uložte dokument HTML do souboru
document.Save("queryselector-p.html");

Práce s QuerySelectorAll CSS Selector v HTML pomocí C#

Někdy může být nutné zpracovat všechny výskyty prvku. Při práci s selektorem CSS QuerySelectorAll postupujte podle následujících kroků:

  1. Načtěte vstupní soubor HTML pomocí třídy HTMLDocument.
  2. Vytvořte selektor CSS pro extrahování všech prvků třídy.
  3. Iterujte prvky a nastavte atributy stylu.
  4. Uložte aktualizovaný dokument HTML.

Následující ukázka kódu ukazuje, jak programově používat selektor CSS QuerySelectorAll v C#:

// Připravte výstupní cestu pro uložení dokumentu HTML
string savePath = "css-selector-color.html";

// Připravte cestu ke zdrojovému HTML souboru
string documentPath = "spring.html";

// Vytvořte instanci dokumentu HTML
var document = new Aspose.Html.HTMLDocument(documentPath);

// Zde vytvoříme selektor CSS, který extrahuje všechny prvky, jejichž atribut 'class' se rovná 'square2'
var elements = document.QuerySelectorAll(".square2");

// Iterujte výsledný seznam prvků
foreach (Aspose.Html.HTMLElement element in elements)
{
    // Nastavte atribut stylu s novou vlastností background-color
    element.Style.BackgroundColor = "#b0d7fb";
}

// Uložte dokument HTML do souboru
document.Save(savePath);

Prozkoumejte Aspose.HTML for .NET

Můžete navštívit prostor dokumentace a prozkoumat různé kapitoly, které se zabývají různými funkcemi API.

Získejte bezplatnou licenci

Plnou kapacitu API můžete vyhodnotit žádostí o bezplatnou dočasnou licenci.

Závěr

V tomto článku jste se naučili používat selektory CSS a přitom zvažovali příklady selektorů QuerySelector a QuerySelectorAll. V případě jakýchkoliv dotazů nám neváhejte napsat na fórum.

Viz také

Sloučit soubory EPUB v C#