2014-09-11 106 views
3

如何使用PHP更改HTML元素的CSS類以響應更改的頁面?用PHP更改元素的CSS類

我已經得到了與this完全一樣的解決方案,但此解決方案適用於Javascript。

基本上,我想在某個IF條件滿足時添加額外的類。 這是我的代碼。

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

從我的代碼中,你可以看到<li>已經有了一個類。所以,當echo另外上課IF的條件時,完全變更爲IF條件的班。

我需要的是一個額外的類,而不是不同的類。我怎樣才能做到這一點?

+1

類=「dropdown <?php if($ selected ==」profile「)echo'active';?>」 – 2014-09-11 11:26:39

回答

10

只是移動它?

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

這導致class="dropdown active",這是在HTML完全沒有問題 - 你可以有一個元素上的多個空格分開的類。針對二者中的任何所有的CSS規則將被應用,你甚至可以結合他們既需要:

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

哦,就是這樣!我只需要在課堂上聲明條件。謝謝! – user2781911 2014-09-11 11:38:49

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

試試這個

2

你可以試試這個:

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