获取具有tinycss的元素的计算样式

Question

给定一个css样式表和一些XML / HTML元素，如何使用tinycss来获取元素的计算样式？

例如：

p {
  font-family: Arial;
}
.foo {
  color: red;
}

<p><span class="foo"></span></p>

我想检查内部span元素，发现它有font-family和color set，可能有些属性有默认值（比如font-size）。

tinycss似乎只能解析css（部分，没有选择器）。 cssselect可以解析选择器，并给我他们的特异性。它可以使用选择器，将其转换为xpath，因此我可以询问＆＃34;哪个元素匹配此选择器＆＃34;。但我想做的几乎恰恰相反：＆＃34;这个元素的计算风格是什么？＆＃34;

我可以获得与我的元素匹配的所有选择器的列表，然后是所有匹配所有父元素的选择器，并实现CSS级联和特异性算法，但这似乎是本已经编写的内容。实际上它可能已经存在于tinycss或相关模块中而我无法找到它 - 我的意思是这可能是你想要解析的css的主要内容。任何想法如何用tinycss或其他方式做到这一点？