用PHP更改元素的CSS类

时间:2014-09-11 11:25:28

标签: php css

如何使用PHP更改HTML元素的CSS类以响应更改的页面?

我已经得到了与this完全相同的解决方案,但此解决方案适用于Javascript。

基本上,我想在满足某个IF条件时添加额外的类。 这是我的代码。

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

从我的代码中,您可以看到<li>已经有了一个类。因此,当我echo IF条件中的另一个类时,它会完全更改为IF条件中的类。

我需要的是额外的课程,而不是不同的课程。我怎么能这样做?

3 个答案:

答案 0 :(得分:11)

移动它?

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

这导致class="dropdown active",这在HTML中非常好 - 您可以在元素上有多个以空格分隔的类。将应用针对两者中任何一个的所有CSS规则,您甚至可以将它们组合起来以同时要求:

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

答案 1 :(得分:3)

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

试试这个

答案 2 :(得分:2)

你可以试试这个:

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