您可以使用 CSS 選擇器將不同的規則應用於 CSS 規則。本文通過 QuerySelector 和 QuerySelectorAll 方法的示例解釋了詳細信息。您可以使用這些 CSS 選擇器來導航 HTML 文檔或創建搜索模式來匹配 HTML 文檔中的元素。
- 在 HTML 中使用 CSS 選擇器 - C# API 安裝
- 在 C# 中使用 CSS 選擇器 QuerySelector
- 使用 C# 在 HTML 中使用 QuerySelectorAll CSS 選擇器
在 HTML 中使用 CSS 選擇器 - C# API 安裝
Aspose.HTML for .NET API 可用於創建、編輯、操作或轉換 HTML 文檔以及其他幾種文件格式。您可以通過從 Downloads 部分下載參考 DLL 文件或運行以下 NuGet 安裝命令來輕鬆配置它：
PM> Install-Package Aspose.Html
在 C# 中使用 CSS 選擇器 QuerySelector
您可以使用 QuerySelector 方法設置所選元素的樣式或導航 HTML 文件。以下步驟說明如何設置與選擇器匹配的選定元素的樣式：
- 創建 HTMLDocument 類的實例。
- 創建一個 CSS 選擇器來提取第一個段落元素。
- 設置樣式屬性並保存更新的 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");
使用 C# 在 HTML 中使用 QuerySelectorAll CSS 選擇器
有時您可能需要處理某個元素的所有出現。請按照以下步驟使用 QuerySelectorAll CSS 選擇器：
- 使用 HTMLDocument 類加載輸入 HTML 文件。
- 創建一個 CSS 選擇器來提取類的所有元素。
- 迭代元素並設置樣式屬性。
- 保存更新的 HTML 文檔。
以下代碼示例演示瞭如何在 C# 中以編程方式使用 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);
探索 .NET 的 Aspose.HTML
您可以訪問 文檔 空間來探索涉及 API 不同功能的不同章節。
獲取免費許可證
您可以通過請求免費臨時許可證來評估 API 的全部功能。
結論
在本文中，您學習瞭如何使用 CSS 選擇器，同時考慮 QuerySelector 和 QuerySelectorAll 選擇器的示例。如有任何疑問，請隨時通過論壇給我們寫信。