s:4:"feed";a:9:
{
s:10:"blocktitle";a:6:
{
s:6:"height";s:11:"height:32px";
s:11:"line-height";s:16:"line-height:32px";
s:12:"padding-left";s:17:"padding-left:24px";
s:19:"background-position";s:33:"background-position:center center";
s:16:"background-color";s:24:"background-color:#7C7C48";
s:19:"border-bottom-color";s:27:"border-bottom-color:#B07373";
}
s:13:"blocktitle|h2";a:3:
{
s:5:"color";s:13:"color:#D33F89";
s:11:"font-weight";s:18:"font-weight:normal";
s:9:"font-size";s:14:"font-size:12px";
}
s:15:"blocktitle|em a";a:3:
{
s:5:"color";s:13:"color:#D33F89";
s:11:"font-weight";s:18:"font-weight:normal";
s:9:"font-size";s:14:"font-size:12px";
}
s:12:"blockcontent";a:4:
{
s:19:"background-position";s:33:"background-position:center center";
s:16:"background-color";s:24:"background-color:#763E3E";
s:5:"color";s:13:"color:#C92121";
s:9:"font-size";s:14:"font-size:16px";
}
s:0:"";a:3:
{
s:12:"border-color";s:20:"border-color:#A76767";
s:12:"border-style";s:19:"border-style:dashed";
s:12:"border-width";s:16:"border-width:2px";
}
s:20:"blockcontent|a:hover";a:1:
{
s:5:"color";s:13:"color:#C4C44B";
}
s:14:"blockcontent|a";a:1:
{
s:5:"color";s:13:"color:#1B678C";
}
s:15:"blockcontent|h2";a:1:
{
s:11:"font-weight";s:16:"font-weight:bold";
}
s:17:"blockcontent|em a";a:1:
{
s:11:"font-weight";s:16:"font-weight:bold";
}
}
s:5:"ablu";a:2:
{
s:15:"blockcontent|h2";a:1:
{
s:11:"font-weight";s:16:"font-weight:bold";
}
s:17:"blockcontent|em a";a:1:
{
s:11:"font-weight";s:16:"font-weight:bold";
}
}看见一个网站的自定义空间,想抄来用用,只觉他是将这段代码转为CSS的,
有上边一段代码,怎样格式化得出到CSS文件呢??转化后CSS如下,
不知用什么方法能截取分离得这样的CSS,类似#feed的还有几个的,全都在一个text值里,请高手指教用什么方法能得出...能做到的给200分,请高手指点指点~~~~~~~~~~~~~~#feed .blocktitle {height:32px; line-height:32px; padding-left:24px; background-position:center center; background-color:#7C7C48; border-bottom-color:#B07373;}
#feed .blocktitle h2 {color:#D33F89; font-weight:normal; font-size:12px;}
#feed .blocktitle em a {color:#D33F89; font-weight:normal; font-size:12px;}
#feed .blockcontent {background-position:center center; background-color:#763E3E; color:#C92121; font-size:16px;}
#feed {border-color:#A76767; border-style:dashed; border-width:2px;}
#feed .blockcontent a:hover {color:#C4C44B;}
#feed .blockcontent a {color:#1B678C;}
#feed .blockcontent h2 {font-weight:bold;}
#feed .blockcontent em a {font-weight:bold;}#ablu .blockcontent h2 {font-weight:bold;}
#ablu .blockcontent em a {font-weight:bold;}
{
s:10:"blocktitle";a:6:
{
s:6:"height";s:11:"height:32px";
s:11:"line-height";s:16:"line-height:32px";
s:12:"padding-left";s:17:"padding-left:24px";
s:19:"background-position";s:33:"background-position:center center";
s:16:"background-color";s:24:"background-color:#7C7C48";
s:19:"border-bottom-color";s:27:"border-bottom-color:#B07373";
}
s:13:"blocktitle|h2";a:3:
{
s:5:"color";s:13:"color:#D33F89";
s:11:"font-weight";s:18:"font-weight:normal";
s:9:"font-size";s:14:"font-size:12px";
}
s:15:"blocktitle|em a";a:3:
{
s:5:"color";s:13:"color:#D33F89";
s:11:"font-weight";s:18:"font-weight:normal";
s:9:"font-size";s:14:"font-size:12px";
}
s:12:"blockcontent";a:4:
{
s:19:"background-position";s:33:"background-position:center center";
s:16:"background-color";s:24:"background-color:#763E3E";
s:5:"color";s:13:"color:#C92121";
s:9:"font-size";s:14:"font-size:16px";
}
s:0:"";a:3:
{
s:12:"border-color";s:20:"border-color:#A76767";
s:12:"border-style";s:19:"border-style:dashed";
s:12:"border-width";s:16:"border-width:2px";
}
s:20:"blockcontent|a:hover";a:1:
{
s:5:"color";s:13:"color:#C4C44B";
}
s:14:"blockcontent|a";a:1:
{
s:5:"color";s:13:"color:#1B678C";
}
s:15:"blockcontent|h2";a:1:
{
s:11:"font-weight";s:16:"font-weight:bold";
}
s:17:"blockcontent|em a";a:1:
{
s:11:"font-weight";s:16:"font-weight:bold";
}
}
s:5:"ablu";a:2:
{
s:15:"blockcontent|h2";a:1:
{
s:11:"font-weight";s:16:"font-weight:bold";
}
s:17:"blockcontent|em a";a:1:
{
s:11:"font-weight";s:16:"font-weight:bold";
}
}看见一个网站的自定义空间,想抄来用用,只觉他是将这段代码转为CSS的,
有上边一段代码,怎样格式化得出到CSS文件呢??转化后CSS如下,
不知用什么方法能截取分离得这样的CSS,类似#feed的还有几个的,全都在一个text值里,请高手指教用什么方法能得出...能做到的给200分,请高手指点指点~~~~~~~~~~~~~~#feed .blocktitle {height:32px; line-height:32px; padding-left:24px; background-position:center center; background-color:#7C7C48; border-bottom-color:#B07373;}
#feed .blocktitle h2 {color:#D33F89; font-weight:normal; font-size:12px;}
#feed .blocktitle em a {color:#D33F89; font-weight:normal; font-size:12px;}
#feed .blockcontent {background-position:center center; background-color:#763E3E; color:#C92121; font-size:16px;}
#feed {border-color:#A76767; border-style:dashed; border-width:2px;}
#feed .blockcontent a:hover {color:#C4C44B;}
#feed .blockcontent a {color:#1B678C;}
#feed .blockcontent h2 {font-weight:bold;}
#feed .blockcontent em a {font-weight:bold;}#ablu .blockcontent h2 {font-weight:bold;}
#ablu .blockcontent em a {font-weight:bold;}
s:4:"feed";a:9: { s:10:"blocktitle";a:6: { s:6:"height";s:11:"height:32px"; s:11:"line-height";s:16:"line-height:32px"; s:12:"padding-left";s:17:"padding-left:24px"; s:19:"background-position";s:33:"background-position:center center"; s:16:"background-color";s:24:"background-color:#7C7C48"; s:19:"border-bottom-color";s:27:"border-bottom-color:#B07373"; }............
其实将一个多维数组序列化,你可以用unserialize反序列化,生成一个数组.
然后数组遍历生成你所要的css.
array("feed"=>array("blocktitle"=> array("height"=>"height:32px","line-height"=>"line-height:32px"),
"blocktitle|h2"=>array("color"=>"color:#D33F89","font-weight"=>"font-weight:normal",))
);
$str = serialize($array);
/*输出
a:1:{s:4:"feed";a:2:{s:10:"blocktitle";a:2:{s:6:"height";s:11:"height:32px";s:11:"line-height";s:16:"line-height:32px";}s:13:"blocktitle|h2";a:2:{s:5:"color";s:13:"color:#D33F89";s:11:"font-weight";s:18:"font-weight:normal";}}}
*/
$arrTest = unserialize($str);
var_dump($arrTest);/*
生成css就是遍历数组,
第一维索引为选择器 用#feed表示
第二维索引 如果不包括|则为类选择器用.blocktitle表示
如果包括 前者为类选择器,后者为派生选择器 用.blocktitle h2表示
第三维,则生成具体的css定义
*/
用一下就能得到数组