![](/img/trans.png)
[英]how to get content of css selector using php simple dom parser?
[英]PHP CSS Parser - Selector Declarations to String
我希望能够读取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元素中。
解决方案编辑:我提出了自己的原始解决方案并创建了一个类来完成我正在寻找的东西。 请看下面我自己的答案。
我想这就是你要找的东西:
http://classes.verkoyen.eu/css_to_inline_styles
CssToInlineStyles是一个类,使您可以将HTML页面/文件转换为具有内联样式的HTML页面/文件。 当您发送电子邮件时,这非常有用。 我现在正在使用它,工作正常。
使用某些方法的示例:
$html = file_get_contents('blue.html');
//我的样式存储在html中
$cssConverter = new CSSToInlineStyles();
$cssConverter->setCleanup(true);
$cssConverter->setHTML($html);
$cssConverter->convert(true);
$cssConverter->setUseInlineStylesBlock(true);
$new_html = $cssConverter->convert();
我提出了自己的原始解决方案并创建了一个类来完成我想要的工作。 我的来源在底部引用。
class css2string {
var $css;
function parseStr($string) {
preg_match_all( '/(?ims)([a-z0-9, \s\.\:#_\-@]+)\{([^\}]*)\}/', $string, $arr);
$this->css = array();
foreach ($arr[0] as $i => $x)
{
$selector = trim($arr[1][$i]);
$rules = explode(';', trim($arr[2][$i]));
$this->css[$selector] = array();
foreach ($rules as $strRule)
{
if (!empty($strRule))
{
$rule = explode(":", $strRule);
$this->css[$selector][trim($rule[0])] = trim($rule[1]);
}
}
}
}
function arrayImplode($glue,$separator,$array) {
if (!is_array($array)) return $array;
$styleString = array();
foreach ($array as $key => $val) {
if (is_array($val))
$val = implode(',',$val);
$styleString[] = "{$key}{$glue}{$val}";
}
return implode($separator,$styleString);
}
function getSelector($selectorName) {
return $this->arrayImplode(":",";",$this->css[$selectorName]);
}
}
您可以按如下方式运行它:
$cssString = "
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;
}";
$getStyle = new css2string();
$getStyle->parseStr(cssString);
echo $getStyle->getSelector("div.item");
输出如下:
font-size:12px;border:1px solid #EEE
即使注释不在选择器内,此解决方案也可以在CSS文件中使用注释。
参考文献: http : //www.php.net/manual/en/function.implode.php#106085 http://stackoverflow.com/questions/1215074/break-a-css-file-into-an-array-with -php
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.