Change an element's CSS class with PHP

Question

How can I change a CSS class of an HTML element in response to a changing page using PHP?

I already got the solution exactly like in this but this solution is for Javascript.

Basically, I want to add additional class when a certain IF condition is met. This is my code.

<li <?php if ($selected == "profile") echo 'class="active"'; ?> class="dropdown">
<a href="">Profile</a>
</li>

From my code, you can see that the <li> already got a class in it. So, when I echo another class in IF condition, it completely change to the class in IF condition.

What I need is an extra class, not different class. How can I do that?

class="dropdown <?php if ($selected == "profile") echo 'active'; ?>" — Stijn Bernards
– Stijn Bernards, Commented Sep 11, 2014 at 11:26

Niels Keurentjes · Accepted Answer · 2014-09-11 11:27:31Z

15

Just move it?

<li class="dropdown<?php if ($selected == "profile") echo ' active'; ?>">

This results in class="dropdown active", which is perfectly fine in HTML - you can have multiple space-separated classes on an element. All CSS rules targeting either of the two will be applied, and you can even combine them to require both:

li.active.dropdown {
  /* Underline active dropdown elements */
  text-decoration:underline;
}

answered Sep 11, 2014 at 11:27

Niels Keurentjes

42.1k9 gold badges103 silver badges138 bronze badges

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

1 Comment

user2781911 Over a year ago

Oh, that's it! I just need to declare the condition in the class. Thanks!

Aleksandar Vasić · Accepted Answer · 2014-09-11 11:27:35Z

3

 <li class="dropdown <?php if ($selected == "profile") echo 'active'; ?>">
    <a href="">Profile</a>
 </li>

try this

answered Sep 11, 2014 at 11:27

Aleksandar Vasić

5936 silver badges17 bronze badges

Comments

web-tiki · Accepted Answer · 2014-09-11 11:28:01Z

2

You can try this :

<li class="<?php if ($selected == "profile") echo 'active'; ?> OTHER CONDITION HERE ">
    <a href="">Profile</a>
</li>

answered Sep 11, 2014 at 11:28

web-tiki

104k33 gold badges226 silver badges258 bronze badges

Collectives™ on Stack Overflow

Change an element's CSS class with PHP

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related