相关疑难解决方法(0)

有没有一种方法可以让jQuery从现有元素中获取所有CSS并将其应用到另一个元素而不将它们全部列出？

我知道如果它们是样式属性,它会起作用attr(),但我的所有样式都在外部样式表中.

我希望能够读取CSS文件,并能够将给定选择器的所有声明提取到字符串中.例如,给定以下样式表:

h1 {
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.item {
  font-size: 12px;
  border:1px solid #EEE;
}

我希望能够调用并获得div.item,例如:

$css->getSelector('div.item');

哪个应该给我一个字符串:

font-size:12px;border:1px solid #EEE;

我一直在寻找,但找不到可以做到这一点的解析器.有任何想法吗？

仅供参考:我需要能够从CSS转换选择器并将动态嵌入到电子邮件中的HTML元素中.

解决方案 编辑:我想出了自己的原始解决方案并创建了一个类来完成我想要的工作.请看下面我自己的答案.

我有这个html片段:

<font color="#ff0000">Lorem <font size="4">ipsum dolor</font> sit amet</font>

我想使用DOMDocument font用a 替换每个标记span.这是我的功能atm:

$fonts = $xPath->query('//font');
foreach($fonts as $font){
    $style = '';
    $newFont = $dom->createElement('span',$font->nodeValue);
    if($font->hasAttribute('size')){
        $size = $font->getAttribute('size');
        $style.='font-size:'.round($size/2,1).'em; ';
    }
    if($font->hasAttribute('color')){
        $style.='color:'.$font->getAttribute('color').'; ';
    }
    if($style!='') $newFont->setAttribute('style',$style);
    $font->parentNode->replaceChild($newFont,$font);
}

我期待这个输出:

<span style="color:#ff0000; ">Lorem <span style="font-size:2em;">ipsum etc..

但我得到:

<span style="color:#ff0000; ">Lorem ipsum dolor sit amet</span>

为什么？

我想这$font->parentNode->replaceChild($newFont,$font);是因为以某种方式用它的文本值替换外部跨度......或者这个查询可能$xPath->query('//font')是错误的.我很喜欢经验丰富的建议......谢谢