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
- Použít selektor CSS QuerySelector v C#
- Práce s QuerySelectorAll CSS Selector v HTML pomocí C#
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:
- Vytvořte instanci třídy HTMLDocument.
- Vytvořte selektor CSS pro extrahování prvního prvku odstavce.
- 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ů:
- Načtěte vstupní soubor HTML pomocí třídy HTMLDocument.
- Vytvořte selektor CSS pro extrahování všech prvků třídy.
- Iterujte prvky a nastavte atributy stylu.
- 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.