انتخابگرهای CSS در HTML C#

با استفاده از انتخابگرهای CSS می توانید قوانین مختلفی را برای قوانین CSS اعمال کنید. این مقاله جزئیات را همراه با مثال‌هایی از روش‌های QuerySelector و QuerySelectorAll توضیح می‌دهد. می توانید از این انتخابگرهای CSS برای پیمایش اسناد HTML یا ایجاد الگوی جستجو برای مطابقت با عناصر در یک سند HTML استفاده کنید.

از انتخابگرهای CSS در نصب API HTML - C# استفاده کنید

Aspose.HTML for .NET API را می توان برای ایجاد، ویرایش، دستکاری، یا تبدیل اسناد HTML به همراه چندین [فرمت فایل] دیگر استفاده کرد. با دانلود فایل DLL مرجع از بخش Downloads یا اجرای دستور نصب زیر NuGet می‌توانید آن را به راحتی پیکربندی کنید:

PM> Install-Package Aspose.Html

استفاده از CSS Selector QuerySelector در سی شارپ

می توانید یک عنصر انتخاب شده را استایل دهید یا با روش QuerySelector در فایل HTML پیمایش کنید. مراحل زیر نحوه استایل دادن به عنصر انتخاب شده را که با انتخابگر مطابقت دارد توضیح می دهد:

  1. یک نمونه از کلاس HTMLDocument ایجاد کنید.
  2. یک انتخابگر CSS برای استخراج عنصر پاراگراف اول ایجاد کنید.
  3. ویژگی style را تنظیم کنید و فایل HTML به روز شده را ذخیره کنید.

قطعه کد زیر نحوه استفاده از انتخابگرهای CSS QuerySelector را برای پردازش یک عنصر انتخاب شده در سند HTML نشان می دهد:

// مسیر فایل HTML منبع را آماده کنید
string documentPath = "queryselector.html";

// یک نمونه از یک سند HTML ایجاد کنید
var document = new Aspose.Html.HTMLDocument(documentPath);

// در اینجا یک انتخابگر CSS ایجاد می کنیم که اولین عنصر پاراگراف را در سند استخراج می کند
var element = document.QuerySelector("p");

// چاپ محتوای پاراگراف اول  
Console.WriteLine(element.InnerHTML);
// خروجی: متد QuerySelector() اولین عنصری را در سند برمی گرداند که با انتخابگر مشخص شده مطابقت دارد.

// ویژگی سبک را با ویژگی های عنصر انتخاب شده تنظیم کنید               
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// سند HTML را در یک فایل ذخیره کنید
document.Save("queryselector-p.html");

کار با QuerySelectorAll CSS Selector در HTML با استفاده از C#

گاهی اوقات ممکن است لازم باشد همه موارد یک عنصر را پردازش کنید. لطفاً مراحل زیر را برای کار با انتخابگر QuerySelectorAll CSS دنبال کنید:

  1. فایل HTML ورودی را با کلاس HTMLDocument بارگیری کنید.
  2. یک انتخابگر CSS برای استخراج تمام عناصر یک کلاس ایجاد کنید.
  3. از طریق عناصر تکرار کنید و ویژگی های سبک را تنظیم کنید.
  4. سند HTML به روز شده را ذخیره کنید.

نمونه کد زیر نحوه استفاده از انتخابگر CSS QuerySelectorAll را به صورت برنامه نویسی در سی شارپ نشان می دهد:

// مسیر خروجی را برای ذخیره سند HTML آماده کنید
string savePath = "css-selector-color.html";

// مسیر فایل HTML منبع را آماده کنید
string documentPath = "spring.html";

// یک نمونه از یک سند HTML ایجاد کنید
var document = new Aspose.Html.HTMLDocument(documentPath);

// در اینجا ما یک انتخابگر CSS ایجاد می کنیم که تمام عناصری را که ویژگی 'class' برابر 'square2' است استخراج می کند.
var elements = document.QuerySelectorAll(".square2");

// روی فهرست به دست آمده از عناصر تکرار کنید
foreach (Aspose.Html.HTMLElement element in elements)
{
    // ویژگی سبک را با ویژگی رنگ پس زمینه جدید تنظیم کنید
    element.Style.BackgroundColor = "#b0d7fb";
}

// سند HTML را در یک فایل ذخیره کنید
document.Save(savePath);

Aspose.HTML را برای دات نت کاوش کنید

می‌توانید از فضای مستندات دیدن کنید تا فصل‌های مختلفی را بررسی کنید که به ویژگی‌های مختلف API می‌پردازند.

مجوز رایگان دریافت کنید

با درخواست [مجوز موقت رایگان] می‌توانید API را با ظرفیت کامل آن ارزیابی کنید.

نتیجه

در این مقاله نحوه استفاده از انتخابگرهای CSS را با در نظر گرفتن مثال‌های انتخابگر QuerySelector و QuerySelectorAll یاد گرفته‌اید. در صورت وجود هرگونه سوال، لطفاً با ما در انجمن بنویسید.

همچنین ببینید

ادغام فایل‌های EPUB در C#