使用PHP的随机CSS类/ id名称

Question

I am generating random ID's for 2 divs, and I would like to use those randomly generated names in CSS too, as now I have to use inline styles.

Also, I don't want to use separate PHP file with CSS header to use that. Is there some other way to do it?

Lets say I want to have that padding set to randomly generated ID $id_1 in CSS and not as inline.

$id_1 = generate_function(rand(5,10));
$id_2 = generate_function(rand(5,10));

echo "<div id='".$id_1."' style='padding:20px 10px 0px 10px'>";

Thank you.

Answer 1

You could create a <style>...</style> somewhere on the page which you fill with the $id_1 and $id_2. Taking the variables with you to a CSS file is sadly not going to work.

<style>
  .<?php echo $id_1; ?> {
    padding:20px 10px 0px 10px
  }

   .<?php echo $id_2; ?> {
    padding:20px 10px 0px 10px
  }
</style>

Note: I'm not sure if you can use PHP within style-tags! So you might need to echo the complete piece of code including style-tags.

Another option is to give each of the divs another class and target that class with CSS instead of the randomly generated class.

Could you let me know why you want a randomly generated class? It seems like a pretty weird decision, as classes are made so you can target them in your CSS and creating random classes will make it impossible to target them from an external CSS-file.