Question

我试图制作一个守护进程，将多个网页合并为一个。

我目前的想法是给所有页面一个id并在div中包含它们的正文内容。例如，页面A包含以下内容：

<html class="A">
  <body class="B">
    <div class="C">

我们将它们包装到组合页面中，将html和body标签的attrs转移到div：

<div id="item0001">
  <div id="item0001html" class="A">
    <div id="item0001body" class="B">
      <div class="C">

现在的工作是将他们的CSS结合在一起。为实现这一目标，我想替换所有＆＃34; html＆＃34;和＆＃34;身体＆＃34;元素选择器用包装器id转换成相应的id和前缀。例如，＆＃34; .mydiv {color：red;}＆＃34;应成为＆＃34;＃item0001 .mydiv {color：red;}＆＃34 ;; ＆＃34;体长{color：red;}＆＃34;应成为＆＃34;＃item0001＃item0001body span {color：red;}＆＃34;。

但是，CSS规则非常复杂，以至于简单的查找替换规则不起作用。我不知道在复杂的css规则中识别元素选择器。有没有办法或框架来解析和重写CSS的选择器？

（我使用javascript来执行此操作）

如何重写CSS选择器规则？

0 个答案: