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;}
解决方案 »
- 如何在php页面以数组的方式打印mysql的表的每一列的名字
- 求在线安装网页PHP源码
- 关于php的反向引用
- 如何传递URL参数值呢?
- $i < sizeof($Category_Handle) && chop($Category_Handle[$i])
- 怎么检验中文输入?
- 关于文件复制,文件名乱码的问题
- 求助!Wampserver配置本地环境,无法打开本地网站的问题
- php curl抓取网页,但是网页只支持ie6,怎么办
- PHPstorm 调试断点 只能调试公共接口的index.php文件,无法调试自己创建的banner.php
- 自动上传EXCEL里的图片
- 如何设置phpmyadmin 3的多IP使用
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定义
*/