2015-11-21 24 views
0

php循環從db獲取項並將它們顯示在行中 我希望奇數(1,3,5,7 ..)具有特定的css旋轉變換。對於偶數行也是如此。我想在創建2類與所需的轉換,然後添加,然後通過在php中創建一個變量,並將每個案例的類的名稱作爲字符串傳遞。然後,html不適用:使用PHP來操縱css類是不好的做法

<div class=box "<?php echo $trans_class;?>"> 

我應該使用javascript完成此操作,還是php很好?

+0

嗯,首先,你需要在這些雙引號內包括「box」 – Terminus

+1

第二,如何使用css選擇器僅將規則應用於奇數行?尋找'nth-child()'選擇器。你會希望'n孩子(2n + 1)' – Terminus

+1

WordPress一直在做這件事,所以可能不應該是壞習慣,以回答問題的這一部分。 – Steve

回答

1

您可以使用CSS來獲得您的ODD和EVEN css類。

例子:

tr:nth-child(even) {background: green} 
 
tr:nth-child(odd) {background: red}
<table> 
 
    <tr><td>1</td></tr> 
 
    <tr><td>2</td></tr> 
 
    <tr><td>3</td></tr> 
 
    <tr><td>4</td></tr> 
 
</table>

但是,爲了回答你的問題,不,這不是不好的做法。如果你需要改變你的HTML,你必須。

相關問題