注册送现金一元秒提现

    1. <form id='0d2lv'></form>
        <bdo id='0d2lv'><sup id='0d2lv'><div id='0d2lv'><bdo id='0d2lv'></bdo></div></sup></bdo>

          • <small id='flfb9'></small><noframes id='flfb9'>

          • <tfoot id='flfb9'></tfoot>

              <legend id='flfb9'><style id='flfb9'><dir id='flfb9'><q id='flfb9'></q></dir></style></legend>
              <i id='flfb9'><tr id='flfb9'><dt id='flfb9'><q id='flfb9'><span id='flfb9'><b id='flfb9'><form id='flfb9'><ins id='flfb9'></ins><ul id='flfb9'></ul><sub id='flfb9'></sub></form><legend id='flfb9'></legend><bdo id='flfb9'><pre id='flfb9'><center id='flfb9'></center></pre></bdo></b><th id='flfb9'></th></span></q></dt></tr></i><div id='flfb9'><tfoot id='flfb9'></tfoot><dl id='flfb9'><fieldset id='flfb9'></fieldset></dl></div>

                  <bdo id='flfb9'></bdo><ul id='flfb9'></ul>

                1. 当前位置:首页 > PHP教程 > php数组 > 列表

                  如何将嵌套的PHP数组转换为CSS规则?(代码示例)

                  发布:smiling 来源: PHP粉丝网  添加日期:2019-02-04 17:38:16 浏览: 评论:0 

                  注册送现金一元秒提现YINGYONGCHENGXUDEXUDUOFANGMIANDOUKEYIZIDONGHUA,LIWOMENKEYISHIYONGMOUXIEPHPDAIMA(RUSHIYONGSHUZU)LAISHENGCHENGYANGSHIBIAO。NEIMERUHESHIXIAN?XIAMIANBENPIANWENZHANGJIULAIDAIDAJIALEJIEYIXIARUHEJIANGQIANTAODEPHPSHUZUZHUANHUANWEICSSGUIZE,BINGYIZIFUCHUANDEXINGSHIXIANSHI,XIWANGDUIDAJIAYOUSUOBANGZHU。

                  XIAMIANWOMENJIULAIKANKANJIANGQIANTAODEGUANLIANSHUZUZHUANHUANWEICSSZIFUDEFANGFA。

                  1、编写关联数组转换为css字符串的函数

                  YAOZAIPHPZHONGJIANGSHUZUZHUANHUANWEICSSZIFUCHUAN(ZAISASSHUOLESSDEQINGKUANGXIASHIYONGGUIZEHUOJIANDANBIANLIANG),WOMENJIANGSHIYONGYIXIAHANSHU:

                  1. <?php 
                  2.  
                  3. /** 
                  4.  
                  5.  * @param array $rules 
                  6.  
                  7.  *   CSS规则的数组形式为: 
                  8.  
                  9.  *   array('selector'=>array('property' => 'value')).  
                  10.  
                  11.  *   还支持选择器 
                  12.  
                  13.  *   嵌套示例: 
                  14.  
                  15.  *   array('selector' => array('selector'=>array('property' => 'value'))). 
                  16.  
                  17.  * 
                  18.  
                  19.  * @return 字符串一个CSS规则字符串。它不包含在<style>标签中。 
                  20.  
                  21.  */ 
                  22.  
                  23. function css_array_to_css($rules$indent = 0) { 
                  24.  
                  25.     $css = ''
                  26.  
                  27.     $prefix = str_repeat('  '$indent); 
                  28.  
                  29.     foreach ($rules as $key => $value) { 
                  30.  
                  31.         if (is_array($value)) { 
                  32.  
                  33.             $selector = $key
                  34.  
                  35.             $properties = $value
                  36.  
                  37.             $css .= $prefix . "$selector {\n"
                  38.  
                  39.             $css .= $prefix . css_array_to_css($properties$indent + 1); 
                  40.  
                  41.             $css .= $prefix . "}\n"
                  42.  
                  43.         } else { 
                  44.  
                  45.             $property = $key
                  46.  
                  47.             $css .= $prefix . "$property: $value;\n"
                  48.  
                  49.         } 
                  50.  
                  51.     } 
                  52.  
                  53.     return $css
                  54.  
                  55.  
                  56. //调用css_array_to_css()函数转换 
                  57.  
                  58. //code 
                  59.  
                  60. ?> 

                  SHUOMING:GAIHANSHUJIBENSHANGQIWANGZUOWEIDIYIGECANSHUBAOHANCSSDEGUIZEHUOJIANDANSHUXINGDESHUZU,QIZHONGBUSHISHUZUDEMEIGEkey =>value;DOUJIANGBIAOSHIWEIkey : value;,RUGUOJIANDEZHISHISHUZU,ZEGUIZEWEIcssJIANGBEIYINRU。

                  2、使用函数

                  ZHENGRUSHANGSHUHANSHUSHUOMINGZHONGSUOTIDAODE,TACONGJUYOUZHIDINGGUIZEDESHUZUZHONGFANHUIYIGECSSZIFUCHUAN。ZHIYAOSHUZUDEJIEGOUYOUXIAO,GAIHANSHUJIUKEYIZHENGCHANGYONGYUCHUNCSSGUIZE,MEITICHAXUN,SASSHELESS。LIRU:

                  ● ZHUANHUANWEICSS:

                  ZAI css_array_to_css()HANSHUHOUTIANJIAYIXIADAIMA:

                  1. $stylesheet = array
                  2.  
                  3.     "body" => array
                  4.  
                  5.         "margin" => "0"
                  6.  
                  7.         "font-size" => "1rem"
                  8.  
                  9.         "font-weight" => 400, 
                  10.  
                  11.         "line-height" => 1.5, 
                  12.  
                  13.         "color" => "#212529"
                  14.  
                  15.         "text-align" => "left"
                  16.  
                  17.         "background-color" => "#fff" 
                  18.  
                  19.     ), 
                  20.  
                  21.     ".form-control" => array
                  22.  
                  23.         "display" => "block"
                  24.  
                  25.         "width" => "100%!important"
                  26.  
                  27.         "font-size" => "1em"
                  28.  
                  29.         "background-color" => "#fff"
                  30.  
                  31.         "border-radius" => ".25rem" 
                  32.  
                  33.     ) 
                  34.  
                  35. ); 
                  36.  
                  37. echo(css_array_to_css($stylesheet)); 

                  SHANGYIGEDAIMADUANJIANGSHUCHUYIXIACSSGUIZE:

                  1. body { 
                  2.  
                  3.   margin0
                  4.  
                  5.   font-size1rem; 
                  6.  
                  7.   font-weight400
                  8.  
                  9.   line-height1.5
                  10.  
                  11.   color#212529
                  12.  
                  13.   text-alignleft
                  14.  
                  15.   background-color#fff
                  16.  
                  17.  
                  18. .form-control { 
                  19.  
                  20.   displayblock
                  21.  
                  22.   width100%!important
                  23.  
                  24.   font-size1em
                  25.  
                  26.   background-color#fff
                  27.  
                  28.   border-radius: .25rem; 
                  29.  

                  注册送现金一元秒提现● ZHUANHUANWEISASS / SCSS:

                  YOUYUDIGUISHIXIAN,JIANGNENGGOUZAIGUIZEZHONGQIANTAODUOGEGUIZE,ZHEIYUNXUWOMENWEISASSSHENGCHENGYOUXIAODEYUFA:

                  1. $sass = array
                  2.  
                  3.     "nav" => array
                  4.  
                  5.         "ul" => array
                  6.  
                  7.             "margin" => 0, 
                  8.  
                  9.             "padding" => 0, 
                  10.  
                  11.             "list-style" => "none" 
                  12.  
                  13.         ), 
                  14.  
                  15.         "li" => array
                  16.  
                  17.             "display" => "inline-block" 
                  18.  
                  19.         ), 
                  20.  
                  21.         "a" => array
                  22.  
                  23.             "display" => "block"
                  24.  
                  25.             "padding" => "6px 12px"
                  26.  
                  27.             "text-decoration" => "none" 
                  28.  
                  29.         ) 
                  30.  
                  31.     ) 
                  32.  
                  33. ); 
                  34.  
                  35. echo css_array_to_css($sass); 

                  SHANGYIGEDAIMADUANJIANGSHUCHUYIXIASASSDAIMA:

                  1. nav { 
                  2.  
                  3.   ul { 
                  4.  
                  5.       margin: 0; 
                  6.  
                  7.       padding: 0; 
                  8.  
                  9.       list-style: none; 
                  10.  
                  11.   } 
                  12.  
                  13.   li { 
                  14.  
                  15.       display: inline-block; 
                  16.  
                  17.   } 
                  18.  
                  19.   a { 
                  20.  
                  21.       display: block; 
                  22.  
                  23.       padding: 6px 12px; 
                  24.  
                  25.       text-decoration: none; 
                  26.  
                  27.   } 
                  28.  

                  ● ZHUANHUANWEILESS:

                  YUSASSDEGONGZUOFANGSHIXIANGTONG,WOMENYEKEYISHIYONGLESSBIANXIEFUZADEGUIZE:

                  1. $less = array
                  2.  
                  3.     "@nice-blue" => "#5B83AD"
                  4.  
                  5.     "@light-blue" => "@nice-blue + #111"
                  6.  
                  7.     "#header" => array
                  8.  
                  9.         "color" => "@light-blue" 
                  10.  
                  11.     ), 
                  12.  
                  13.     ".component" => array
                  14.  
                  15.         "width" => "300px"
                  16.  
                  17.         "@media (min-width: 768px)" => array
                  18.  
                  19.             "width" => "600px"
                  20.  
                  21.             "@media (min-resolution: 192dpi)" => array
                  22.  
                  23.                 "background-image" => "url(/img/retina2x.png)" 
                  24.  
                  25.             ) 
                  26.  
                  27.         ), 
                  28.  
                  29.         "@media (min-width: 1280px)" => array
                  30.  
                  31.             "width" => "800px" 
                  32.  
                  33.         ) 
                  34.  
                  35.     ) 
                  36.  
                  37. ); 
                  38.  
                  39. echo css_array_to_css($less); 

                  SHANGYIGEDAIMADUANJIANGSHUCHUYIXIALESSDAIMA:

                  1. @nice-blue: #5B83AD; 
                  2.  
                  3. @light-blue: @nice-blue + #111; 
                  4.  
                  5. #header { 
                  6.  
                  7.   color: @light-blue; 
                  8.  
                  9.  
                  10. .component { 
                  11.  
                  12.   width: 300px; 
                  13.  
                  14.   @media (min-width: 768px) { 
                  15.  
                  16.     width: 600px; 
                  17.  
                  18.     @media (min-resolution: 192dpi) { 
                  19.  
                  20.           background-image: url(/img/retina2x.png); 
                  21.  
                  22.     } 
                  23.  
                  24.   } 
                  25.  
                  26.   @media (min-width: 1280px) { 
                  27.  
                  28.       width: 800px; 
                  29.  
                  30.   } 
                  31.  

                  Tags: PHP数组转换

                  分享到:

                  注册送现金一元秒提现相关的文章

                  靠谱的棋牌---首页_Welcome 蓝洞棋牌官网送3金币---首页_Welcome 百灵拼三张-Welcome 聚友棋牌官网下载安装-首页 百胜棋牌---首页_欢迎您