Random CSS class/id name using PHP

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.

Unless you can use some other method to target those divs in CSS, then no or define your styles inline, no. — mituw16
– mituw16, Commented Mar 24, 2015 at 14:18
@mituw16 Nope, I don't want them to be inline as they are now, I need it in CSS. So there is no other way of doing that? Well, damn. Thx for -1 tho.... — MiChAeLoKGB
– MiChAeLoKGB, Commented Mar 24, 2015 at 14:20
I didn't down vote you. I thought it was a legitimate question. I will however give you an upvote to get back to 0 :) — mituw16
– mituw16, Commented Mar 24, 2015 at 14:22
@mituw16 yeah that was a general thanks, not aimed at you, sorry if it looked that way. But thank you. — MiChAeLoKGB
– MiChAeLoKGB, Commented Mar 24, 2015 at 14:27

Rvervuurt · Accepted Answer · 2015-03-24 14:21:52Z

2

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.

answered Mar 24, 2015 at 14:21

Rvervuurt

9,0198 gold badges47 silver badges64 bronze badges

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

4 Comments

MiChAeLoKGB Over a year ago

Hmmm, thats weird. I know you should not be able to use PHP in <style></style> but it actually works now. When did they change that?

mituw16 Over a year ago

If you are writing you your styles within a php file, then that should work just fine. That's what I mean by inline styles where you would have to define them in your php file, not some external styles sheet

MiChAeLoKGB Over a year ago

@mituw16 Ah, I meant inline by definind it to div itself <div style="HERE"></div> Cool, then this works. I'll play with it a bit if it works exactly as I want. If yes, then I'll accept it as answer.

MiChAeLoKGB Over a year ago

Ok, played with it and it works. Just add to answer that the <style> has to be inside the PHP file and an warning from me: CSS names CAN NOT start with number... I had to edit my random generator to always set first character to letter.

Keep Coding · Accepted Answer · 2015-03-24 14:26:48Z

0

Are you looking for something like this?

<?php

    $id_1 = "id_".rand(5,10);

    echo $cascading = "<style>#".$id_1."{padding:20px 10px 0px 10px}</style>";

    echo "<div id='".$id_1."'></div>";

?>

answered Mar 24, 2015 at 14:26

Keep Coding

6029 silver badges26 bronze badges

Collectives™ on Stack Overflow

Random CSS class/id name using PHP

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related