0

繰り返しで要素を動的にスタイルする方法

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>

ただし、これらのスタイルは Web ページには影響しません。

この問題を解決するのを手伝ってください...

4

2 に答える 2

0

内部スタイルは、html ドキュメントの head セクションで定義する必要があります。http://www.w3schools.com/css/css_howto.aspにアクセスしてください。
ループを使用して、ヘッド セクションと後のマークアップの両方の変数を定義し、それらを正しい位置にエコーすることができます。

于 2012-07-03T06:32:35.900 に答える
0

このようなインライン スタイル タグを使用できます。

<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 } ?>
于 2012-07-03T06:40:26.543 に答える