בוררי CSS ב-HTML C#

אתה יכול להחיל כללים שונים על כללי CSS באמצעות בוררי CSS. מאמר זה מסביר את הפרטים יחד עם הדוגמאות של שיטות QuerySelector ו-QuerySelectorAll. אתה יכול להשתמש בבוררי CSS אלה כדי לנווט במסמכי HTML או כדי ליצור דפוס חיפוש כדי להתאים אלמנטים במסמך HTML.

השתמש בבוררי CSS ב-HTML - התקנת API של C#

ניתן להשתמש ב-API Aspose.HTML for .NET ליצירה, עריכה, מניפולציה או המרת מסמכי HTML יחד עם מספר פורמטים של קבצים אחרים. אתה יכול להגדיר אותו בקלות על ידי הורדת קובץ ה-DLL הפניה מהקטע הורדות או הפעלת פקודת ההתקנה הבאה NuGet:

PM> Install-Package Aspose.Html

השתמש ב-CSS Selector QuerySelector ב-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#

לפעמים ייתכן שיהיה עליך לעבד את כל המופעים של אלמנט. אנא בצע את השלבים הבאים כדי לעבוד עם בורר ה-CSS של QuerySelectorAll:

  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 במלוא קיבולתו על ידי בקשת [רישיון זמני בחינם].11

סיכום

במאמר זה, למדת כיצד להשתמש בבוררי CSS תוך התייחסות לדוגמאות של בוררי QuerySelector ו-QuerySelectorAll. בכל מקרה של שאלות, אנא אל תהסס לכתוב לנו ב-פורום.

ראה גם

מזג קבצי EPUB ב-C#