您可以使用 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 选择器的示例。如有任何疑问，请随时通过论坛给我们写信。