c# - 如何以编程方式构建 AngleSharp CSS(或 HTML)DOM

Question

全部AngleSharp我发现的示例和测试从解析 CSS 或 HTML 片段并访问 DOM 读取开始。如何以编程方式构建 CSS(或 HTML5)文档并将结果输出作为字符串？

我想要这样的东西(伪代码):

var rule = new CssRule();
rule.Selector = ".my-class";

var style = new CssStyle("margin-top", "10px");

rule.add(style);

Answer 1

对于 HTML，您需要使用 W3C 指定的 API:

var context = BrowsingContext.New();
// get new document, not completely empty (has head and body)
var document = await context.OpenNewAsync();
var element = document.CreateElement("strong");
element.TextContent = "Hello World!";
document.Body.AppendChild(element);

因为这有点冗长，所以存在一些帮助程序(以扩展方法的形式)以使其更流畅。此外，CreateElement 可用作通用方法，如下所示:

var paragraph = document.CreateElement<IHtmlParagraphElement>();

不幸的是，对于 CSS，目前不存在这样的 API(工厂方法或类似方法)。操纵它的唯一方法是使用字符串。这并不理想(我知道)，我将添加有用的扩展方法以在将来提供此类功能。