CSS grouping of several elements in a single id

Question

In mysql database i have one text field called: gallery-27:

table{
    ..
    ..
}    
table tr td {
    ..
    ..
}    
table tr td img {
    ..
    ..
}       
table tr td:hover img {
    ..
    ..
}

in gallery.php i have:

<div id="gallery-27">
    <tr>
        <td><a .. ><img ...></a><td>
        <td><a .. ><img ...></a><td>
        ...
    </tr>
</div>
<div id="gallery-28">
    ...
</div>

is there a way to combine a id="gallery-27" and code from the database in <head> or file.css like this?

#gallery-27{
    table{
        ..
        ..
    }    
    table tr td {
        ..
        ..
    }    
    table tr td img {
        ..
        ..
    }      
    table tr td:hover img {
        ..
        ..
    }
}

Don't work.. I no longer have ideas

Answer 1

OK, i use this:

echo "<style>";
    while ($row = mysqli_fetch_array($res)){
        $id=$row['id'];
        $css=$row['css'];
        $css = str_replace( "}", "} #gallery-$id ", $css );
        $css = str_replace( "\n", "\r", $css );
        $css = str_replace( "\t", " ", $css );
        echo '#gallery-'.$id.' '.$css."{}\n";
    }
echo "</style>"

CSS grouping of several elements in a single id

Question

1 answers

solution1
0 ACCPTED 2016-08-26 02:29:54

CSS grouping of several elements in a single id

Question

1 answers

solution1 0 ACCPTED 2016-08-26 02:29:54

solution1
0 ACCPTED 2016-08-26 02:29:54