Array of styles into regular CSS

Question

I'm having a array which contains all the styles and i have to change them into proper CSS by looping in PHP.

For eg.,

Array
(
    [#outlook a] => Array
        (
            [padding] => Array
                (
                    [0] => 0
                )

        )

    [body] => Array
        (
            [width] => Array
                (
                    [0] => 100% !important
                )

            [-webkit-text-size-adjust] => Array
                (
                    [0] => none
                )

            [margin] => Array
                (
                    [0] => 0
                )

            [padding] => Array
                (
                    [0] => 0
                )

            [background-color] => Array
                (
                    [0] => #FAFAFA
                )

        )
[.preheaderContent div a] => Array
    (
        [color] => Array
            (
                [0] => #336699
            )

        [font-weight] => Array
            (
                [0] => normal
            )

        [text-decoration] => Array
            (
                [0] => underline
            )

    )

[.preheaderContent div a:visited] => Array
    (
        [color] => Array
            (
                [0] => #336699
            )

        [font-weight] => Array
            (
                [0] => normal
            )

        [text-decoration] => Array
            (
                [0] => underline
            )

    )

)

Like this i'll have a big array which contains all the style information. So i have to convert this into proper CSS. I know this is very simple. But i am failing somewhere on the recursive loop. This is the function i'm usig for this.

function cssbuild(&$cssArray)
{
    foreach ($cssArray as $selector => $style) 
    {
        if(is_array($style))
        {
            return $this->cssbuild($style);
        }
        else
        {
            $cssArray[$selector] = $cssArray[$selector].":".$style.";";
        }
    }
}

Any idea of how to do this would be greatly appreciated...

where code of your loop is?

DonCallisto
– DonCallisto

2013-03-05 10:44:55 +00:00
Commented Mar 5, 2013 at 10:44 — DonCallisto
– DonCallisto, Commented Mar 5, 2013 at 10:44

Stranger · Accepted Answer · 2013-03-05 11:12:57Z

2

Try This:

function createCSS($cssArray)
{
    $css = '';
    foreach ($cssArray as $classname => $properties)
    {
        $css .= "$classname{";
        foreach( (array) $properties as $propertyname => $propertyvalue )
        $css .= $propertyname .": ".$propertyvalue[0].";";
        $css .= "}";
    }
    return $css;
}

edited Mar 5, 2013 at 11:12

Stranger

10.8k18 gold badges84 silver badges121 bronze badges

answered Mar 5, 2013 at 11:02

Kabir

2,1765 gold badges21 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

eL-Prova · Accepted Answer · 2013-03-05 10:53:27Z

0

You have no recursion in the given example...

You can do something with this for recursion

<?php
BuildList($arrayParent, 0);

function BuildList($arrayElements, $depth)
{
    foreach($arrayElements as $element => $style)
    {
        echo str_repeat("&nbsp;&nbsp;", $depth) . $element . ":" . $style;
        $depth++;
        if(count($element->subCSSElement) > 0)
            $depth = BuildList($element->subCSSElement, $depth);

        return $depth;
    }
}
?>

answered Mar 5, 2013 at 10:53

eL-Prova

1,09412 silver badges27 bronze badges

Collectives™ on Stack Overflow

Array of styles into regular CSS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related