HTML C#'ta CSS Seçiciler

CSS seçicileri kullanarak CSS kurallarına farklı kurallar uygulayabilirsiniz. Bu makalede, QuerySelector ve QuerySelectorAll yöntemlerinin örnekleriyle birlikte ayrıntılar açıklanmaktadır. Bu CSS seçicilerini, HTML belgelerinde gezinmek veya bir HTML belgesindeki öğeleri eşleştirecek bir arama modeli oluşturmak için kullanabilirsiniz.

HTML’de CSS Seçicileri Kullanma - C# API Kurulumu

Aspose.HTML for .NET API, diğer birçok dosya formatı ile birlikte HTML belgelerini oluşturmak, düzenlemek, değiştirmek veya dönüştürmek için kullanılabilir. Referans DLL dosyasını İndirilenler bölümünden indirerek veya aşağıdaki NuGet kurulum komutunu çalıştırarak kolayca yapılandırabilirsiniz:

PM> Install-Package Aspose.Html

C#’ta CSS Seçici QuerySelector’ı kullanma

QuerySelector yöntemini kullanarak seçili bir öğeye stil uygulayabilir veya HTML dosyasında gezinebilirsiniz. Aşağıdaki adımlarda, seçiciyle eşleşen seçili bir öğenin nasıl stillendirileceği açıklanmaktadır:

  1. HTMLDocument sınıfının bir örneğini oluşturun.
  2. İlk paragraf öğesini çıkarmak için bir CSS seçici oluşturun.
  3. Stil özelliğini ayarlayın ve güncellenen HTML dosyasını kaydedin.

Aşağıdaki kod parçacığı, HTML belgesinde seçilen bir öğeyi işlemek için CSS seçicileri QuerySelector’ın nasıl kullanılacağını gösterir:

// Kaynak HTML dosyasının yolunu hazırlayın
string documentPath = "queryselector.html";

// HTML belgesinin bir örneğini oluşturma
var document = new Aspose.Html.HTMLDocument(documentPath);

// Burada belgedeki ilk paragraf öğesini çıkaran bir CSS Seçici oluşturuyoruz
var element = document.QuerySelector("p");

// İlk paragrafın içeriğini yazdır  
Console.WriteLine(element.InnerHTML);
// çıktı: QuerySelector() yöntemi, belgede belirtilen seçiciyle eşleşen ilk öğeyi döndürür.

// Seçilen öğenin özellikleriyle birlikte stil niteliğini ayarla               
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// HTML belgesini bir dosyaya kaydedin
document.Save("queryselector-p.html");

C# kullanarak HTML’de QuerySelectorAll CSS Seçici ile çalışma

Bazen bir öğenin tüm oluşumlarını işlemeniz gerekebilir. QuerySelectorAll CSS seçiciyle çalışmak için lütfen aşağıdaki adımları izleyin:

  1. Giriş HTML dosyasını HTMLDocument sınıfıyla yükleyin.
  2. Bir sınıfın tüm öğelerini çıkarmak için bir CSS seçici oluşturun.
  3. Öğeleri yineleyin ve stil niteliklerini ayarlayın.
  4. Güncellenen HTML belgesini kaydedin.

Aşağıdaki kod örneği, C# dilinde CSS seçicisinin QuerySelectorAll programlı olarak nasıl kullanılacağını gösterir:

// HTML belgesini kaydetmek için çıktı yolunu hazırlayın
string savePath = "css-selector-color.html";

// Kaynak HTML dosyasının yolunu hazırlayın
string documentPath = "spring.html";

// HTML belgesinin bir örneğini oluşturma
var document = new Aspose.Html.HTMLDocument(documentPath);

// Burada 'sınıf' niteliği 'kare2'ye eşit olan tüm öğeleri çıkaran bir CSS Seçici oluşturuyoruz
var elements = document.QuerySelectorAll(".square2");

// Sonuçta ortaya çıkan öğe listesi üzerinde yineleme yapın
foreach (Aspose.Html.HTMLElement element in elements)
{
    // Yeni arka plan rengi özelliğiyle stil özelliğini ayarlayın
    element.Style.BackgroundColor = "#b0d7fb";
}

// HTML belgesini bir dosyaya kaydedin
document.Save(savePath);

Aspose.HTML for .NET’i keşfedin

API’nin farklı özelliklerini ele alan farklı bölümleri keşfetmek için dokümantasyon alanını ziyaret edebilirsiniz.

Ücretsiz Lisans Alın

Ücretsiz geçici lisans talep ederek API’yi tam kapasitesiyle değerlendirebilirsiniz.

Çözüm

Bu makalede, QuerySelector ve QuerySelectorAll seçici örneklerini inceleyerek CSS seçicilerin nasıl kullanılacağını öğrendiniz. Herhangi bir sorunuz olması durumunda lütfen bize forum adresinden yazmaktan çekinmeyin.

Ayrıca bakınız

C#‘da EPUB Dosyalarını Birleştir