は、配列されている、私はここで、次の配列を解析し、CSSにそれを生成する方法を知りたいARRAY

Question

からCSSを生成します。

$css = array(
     '.item-image|text-align' => 'center', 
     '.item-image|vertical-align' => 'middle', 
     '.item-image img.single_image|width' => '300px' 
    ); 

上記の配列で、私はこのような結果を取得する必要があります：

.item-image { 
    text-align: center; 
    vertical-align: middle; 
} 

.item-image img.single_image { 
    width: 300px; 
} 

ご覧のとおり、CSSクラスとCSSプロパティの間には、|、それが（.item画像クラスで）同じマークアップでテキスト整列と垂直整列をマージする必要がありますので、また、第1及び第2のアレイは、同じキーを持つれます。

おかげで、私は本当にすべてのための感謝に役立ちます:)

Answer 1

私はそれを取ります。
新しい配列を作成し、その中を歩み、キーと値を出力します。
新しい配列は、より単純な多次元配列になります。

$css = array(
    '.item-image|text-align' => 'center', 
    '.item-image|vertical-align' => 'middle', 
    '.item-image img.single_image|width' => '300px' 
); 

$new = array(); 

Foreach($css as $key => $val){ 
    $parts = explode("|", $key); 
    If(!isset($new[$parts[0]])) $new[$parts[0]] = array(); 

    $new[$parts[0]][$parts[1]] = $val; 
} 

//Var_dump($new); 

Foreach($new as $key => $subarray){ 
    Echo $key ."{\n"; 
    Foreach($subarray as $key2 => $val){ 
     Echo $key2 . ": " .$val .";\n"; 
    } 
    Echo "}\n"; 
} 

https://3v4l.org/niLPi

Answer 2

私はあなたの問題.Iを解決するためにあなたの小さなヒントを提供します、それを行うための最善の方法は.But言ってはいけない、それはあなたの

<?php 
$css = array(
     '.item-image|text-align' => 'center', 
     '.item-image|vertical-align' => 'middle', 
     '.item-image img.single_image|width' => '300px' 
    ); 

    foreach($css as $key=>$val){ 

     $response=explode('|',$key); 

     echo $response[0].' {'.$response[1].':'.$val.'}'; 

    } 

を助けるかもしれません

出力は

.item-image {text-align:center} 
.item-image {vertical-align:middle} 
.item-image img.single_image {width:300px} 

そのキーがあなたのcss proeprtyを更新する必要があり、その後、既に存在しているかどうかを確認する必要があり、まだ完全には行われないことになるあなたはを有することができると仮定には複数の時間が配列されています

Answer 3

これを解決するために多くの方法があります。forを使用して、foreach、whileまたは配列機能、およびそれがmultidimensionalsアレイ以上の多くのものを含めるように育つかもしれません。

あなたはすでに前回の回答でforとforeachの回答があり、whileの回答はほぼ同じです。

だから私は、それ以外の場合は何も示していない、あなたの鍵は0と1のために存在するならば、我々は検証array_walk

$css = array(
    '.item-image|text-align' => 'center', 
    '.item-image|vertical-align' => 'middle', 
    '.item-image img.single_image|width' => '300px' 
); 
$cssFinal = ''; 
array_walk($css, function($value, $key) use (&$cssFinal) { 
    $key = explode('|', $key); 
    $cssFinal .= array_key_exists(0, $key) && array_key_exists(1, $key) ? $key[0].'{'.$key[1].':'.$value.';};'."\r\n" : ''; 
}); 
file_put_contents('your.css', $cssFinal); 

お知らせを使用して、より高度なソリューションを与えるでしょう。

、私たちは、あなたがそれをファイルに

を書き込みたい場合、それはそれであなたのCSSを使用してファイルを書き込みますもちろん、ファイルのためにとブラウザの両方に文字列の末尾に区切り行を追加します。

.item-image{text-align:center;}; 
.item-image{vertical-align:middle;}; 
.item-image img.single_image{width:300px;};