Selektory CSS w HTML C#

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

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:

  1. Utwórz instancję klasy HTMLDocument.
  2. Utwórz selektor CSS, aby wyodrębnić element pierwszego akapitu.
  3. 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:

  1. Załaduj wejściowy plik HTML z klasą HTMLDocument.
  2. Utwórz selektor CSS, aby wyodrębnić wszystkie elementy klasy.
  3. Iteruj po elementach i ustawiaj atrybuty stylu.
  4. 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.

Zobacz też

Scal pliki EPUB w C#