![Selektory CSS w HTML C#](images/CSS-Selectors-HTML-Example-csharp.jpg#center)
Możesz zastosować różne reguły do reguł CSS, używając selektorów CSS. W tym artykule wyjaśniono szczegóły wraz z przykładami metod QuerySelector i QuerySelectorAll. Możesz używać tych selektorów CSS do nawigacji w dokumentach HTML lub do tworzenia wzorca wyszukiwania pasującego do elementów w dokumencie HTML.
- Użyj selektorów CSS w instalacji HTML - C# API
- Użyj selektora CSS QuerySelector w C#
- Pracuj z selektorem CSS QuerySelectorAll w formacie HTML przy użyciu języka C#
Użyj selektorów CSS w instalacji HTML - C# API
Aspose.HTML for .NET API może służyć do tworzenia, edytowania, manipulowania lub konwertowania dokumentów HTML wraz z kilkoma innymi formatami plików. Możesz go łatwo skonfigurować, pobierając referencyjny plik DLL z sekcji Pobieranie lub uruchamiając następującą komendę instalacyjną NuGet:
PM> Install-Package Aspose.Html
Użyj selektora CSS QuerySelector w C#
Możesz nadać styl wybranemu elementowi lub nawigować po pliku HTML za pomocą metody QuerySelector. Poniższe kroki wyjaśniają, jak nadać styl wybranemu elementowi, który pasuje do selektora:
- Utwórz instancję klasy HTMLDocument.
- Utwórz selektor CSS, aby wyodrębnić element pierwszego akapitu.
- Ustaw atrybut stylu i zapisz zaktualizowany plik HTML.
Poniższy fragment kodu pokazuje, jak wykorzystać selektory CSS QuerySelector do przetworzenia wybranego elementu w dokumencie HTML:
// Przygotuj ścieżkę do źródłowego pliku HTML
string documentPath = "queryselector.html";
// Utwórz instancję dokumentu HTML
var document = new Aspose.Html.HTMLDocument(documentPath);
// Tutaj tworzymy selektor CSS, który wyodrębnia pierwszy element akapitu w dokumencie
var element = document.QuerySelector("p");
// Wydrukuj treść pierwszego akapitu
Console.WriteLine(element.InnerHTML);
// dane wyjściowe: Metoda QuerySelector() zwraca pierwszy element w dokumencie pasujący do określonego selektora.
// Ustaw atrybut stylu z właściwościami dla wybranego elementu
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");
// Zapisz dokument HTML do pliku
document.Save("queryselector-p.html");
Pracuj z selektorem CSS QuerySelectorAll w formacie HTML przy użyciu języka C#
Czasami może być konieczne przetworzenie wszystkich wystąpień elementu. Aby pracować z selektorem CSS QuerySelectorAll, wykonaj poniższe czynności:
- Załaduj wejściowy plik HTML z klasą HTMLDocument.
- Utwórz selektor CSS, aby wyodrębnić wszystkie elementy klasy.
- Iteruj po elementach i ustawiaj atrybuty stylu.
- Zapisz zaktualizowany dokument HTML.
Poniższy przykładowy kod demonstruje, jak programowo używać selektora CSS QuerySelectorAll w języku C#:
// Przygotuj ścieżkę wyjściową do zapisania dokumentu HTML
string savePath = "css-selector-color.html";
// Przygotuj ścieżkę do źródłowego pliku HTML
string documentPath = "spring.html";
// Utwórz instancję dokumentu HTML
var document = new Aspose.Html.HTMLDocument(documentPath);
// Tutaj tworzymy selektor CSS, który wyodrębnia wszystkie elementy, których atrybut „class” jest równy „square2”
var elements = document.QuerySelectorAll(".square2");
// Wykonaj iterację po wynikowej liście elementów
foreach (Aspose.Html.HTMLElement element in elements)
{
// Ustaw atrybut stylu za pomocą nowej właściwości koloru tła
element.Style.BackgroundColor = "#b0d7fb";
}
// Zapisz dokument HTML do pliku
document.Save(savePath);
Przeglądaj Aspose.HTML for .NET
Możesz odwiedzić obszar [dokumentacja], aby zapoznać się z różnymi rozdziałami opisującymi różne funkcje interfejsu API.
Uzyskaj bezpłatną licencję
Możesz w pełni wykorzystać interfejs API, prosząc o bezpłatną licencję tymczasową.
Wniosek
W tym artykule nauczyłeś się korzystać z selektorów CSS, biorąc pod uwagę przykłady selektorów QuerySelector i QuerySelectorAll. W razie jakichkolwiek pytań prosimy pisać do nas na forum.