محددات CSS في HTML C#

يمكنك تطبيق قواعد مختلفة على قواعد CSS باستخدام محددات CSS. تشرح هذه المقالة التفاصيل بالإضافة إلى أمثلة أساليب QuerySelector وQuerySelectorAll. يمكنك استخدام محددات CSS هذه للتنقل في مستندات HTML أو لإنشاء نمط بحث لمطابقة العناصر الموجودة في مستند HTML.

استخدم محددات CSS في HTML - تثبيت C# API

يمكن استخدام Aspose.HTML for .NET API لإنشاء مستندات HTML أو تحريرها أو معالجتها أو تحويلها بالإضافة إلى العديد من [تنسيقات الملفات] الأخرى 3. يمكنك تكوينه بسهولة عن طريق تنزيل ملف DLL المرجعي من قسم التنزيلات أو تشغيل أمر التثبيت NuGet التالي:

PM> Install-Package Aspose.Html

استخدم محدد استعلام CSS في C#

يمكنك تصميم عنصر محدد أو التنقل في ملف HTML باستخدام طريقة QuerySelector. توضح الخطوات التالية كيفية تصميم عنصر محدد يطابق المحدد:

  1. قم بإنشاء مثيل لفئة HTMLDocument.
  2. قم بإنشاء محدد CSS لاستخراج عنصر الفقرة الأولى.
  3. قم بتعيين سمة النمط واحفظ ملف 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 برمجياً في C#:

// قم بإعداد مسار الإخراج لحفظ مستند 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 لـ .NET

يمكنك زيارة مساحة الوثائق لاستكشاف الفصول المختلفة التي تتناول ميزات مختلفة لواجهة برمجة التطبيقات (API).

احصل على ترخيص مجاني

يمكنك تقييم واجهة برمجة التطبيقات (API) بكامل طاقتها من خلال طلب ترخيص مؤقت مجاني.

خاتمة

في هذه المقالة، تعلمت كيفية استخدام محددات CSS مع النظر في أمثلة محددات QuerySelector وQuerySelectorAll. في حالة وجود أية استفسارات، فلا تتردد في الكتابة إلينا على المنتدى.

أنظر أيضا

دمج ملفات EPUB في C#