如何在迭代中動態設計元素？

Question

如何風格迭代

動態元素在test.phtml頁

<?php foreach($tests => $test) { ?> 
    <li class="<?php echo $test['class'] ?>"> 
    <a href="#" title=""> 
     Test Instance 
    </a> 
    <style type="text/css"> 
     li.<?php echo $test['class'] ?> a:hover { 
     color: <?php echo $test['color'] ?>; 
     background-color: <?php echo $test['bgColor'] ?>; 
     } 
    </style> 
    </li> 
<?php } ?> 

風格標籤頁來。

<li class="third-item"> 
    <a href="#" title=""> 
     Test Instance 
    </a> 
    <style type="text/css"> 
     li.third-item a:hover { 
     color: #498995; 
     background-color: #dbe7ea; 
     } 
    </style> 
</li> 

但是，這些風格對網頁沒有任何影響。

請幫我解決這個問題...

Answer 1

您可以像這樣使用內聯樣式標籤。

<li style="color:<?php echo $test['color']; ?>;background-color: <?php echo $test['bgColor'] ?>;"><a>Test</a></li> 

我已修改您的代碼檢查它。

<?php foreach($tests => $test) { ?> 
<style type="text/css"> 
      li.<?php echo $test['class'] ?> a:hover { 
      color: <?php echo $test['color'] ?>; 
      background-color: <?php echo $test['bgColor'] ?>; 
      } 
     </style> 
     <li class="<?php echo $test['class'] ?>"> 
     <a href="#" title=""> 
      Test Instance 
     </a> 
     </li> 
    <?php } ?> 

Answer 2

你應該在HTMLDocument的頭段定義內部樣式。訪問http://www.w3schools.com/css/css_howto.asp。
你可以使用你的循環來爲頭部和後面的標記定義變量，並在正確的位置回顯它們。